/* Design Tokens for Neural Forge One Landing System */
/* Defines color palette, typography, spacing, and layout variables */

:root {
    /* Color Palette - Monochrome terminal aesthetic */
    --color-bg: #000000;           /* Deep black background */
    --color-fg: #E0E0E0;           /* Light grey foreground text */
    --color-mid: #808080;          /* Mid-grey for depth and secondary elements */
    --color-accent: #FFFFFF;       /* Pure white for emphasis */
    --color-glitch: #00FF00;       /* Subtle green for rare glitch effects */
    
    /* Typography - Monospaced and pixel fonts with comprehensive fallbacks */
    --font-title: 'Courier New', 'Courier', 'Lucida Console', 'Monaco', 'Consolas', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', monospace;
    --font-body: 'Consolas', 'Monaco', 'Lucida Console', 'Liberation Mono', 'DejaVu Sans Mono', 'Bitstream Vera Sans Mono', 'Courier New', monospace;
    --font-pixel: 'VT323', 'Courier New', 'Courier', monospace;
    
    /* Font Sizes */
    --font-size-xs: 11px;
    --font-size-sm: 13px;
    --font-size-md: 14px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-xxl: 24px;
    
    /* Font Weights */
    --font-weight-normal: 400;
    --font-weight-bold: 700;
    
    /* Line Heights */
    --line-height-tight: 1.2;
    --line-height-normal: 1.6;
    --line-height-loose: 1.8;
    
    /* Letter Spacing */
    --letter-spacing-tight: 0px;
    --letter-spacing-normal: 1px;
    --letter-spacing-wide: 2px;
    
    /* Spacing Scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-xxl: 48px;
    
    /* Border Properties - Sharp rectangular aesthetic */
    --border-width: 1px;
    --border-width-thick: 2px;
    --border-style: solid;
    --border-color: var(--color-fg);
    --border-color-mid: var(--color-mid);
    
    /* Border Radius - Always 0 for sharp corners */
    --border-radius: 0;
    
    /* Layout */
    --block-padding: var(--space-md);
    --block-padding-sm: var(--space-sm);
    --grid-gap: 2px;
    --grid-columns: 12;
    
    /* Z-Index Layers */
    --z-base: 1;
    --z-overlay: 10;
    --z-modal: 100;
    --z-scanlines: 1000;
    
    /* Transitions */
    --transition-fast: 0.1s;
    --transition-normal: 0.3s;
    --transition-slow: 0.4s;
    --transition-ease: ease-out;
    
    /* Opacity Levels */
    --opacity-disabled: 0.5;
    --opacity-hover: 0.05;
    --opacity-scanline: 0.03;
    
    /* Viewport Units */
    --vh-full: 100vh;
    --vw-full: 100vw;
}