/* tokens.css — Design tokens as CSS custom properties
 * Colors, spacing, typography scales, border radii, shadows, breakpoints.
 * All other CSS files reference these variables for consistent theming.
 */

:root {
    /* Dark theme palette */
    --bg: #0C0C0E;
    --bg-card: #141417;
    --bg-card-hover: #1A1A1F;
    --bg-accent: #1E1E24;
    --text: #E8E6E3;
    --text-muted: #8A8A8E;
    --text-dim: #5A5A5E;
    --accent: #D4FF2B;
    --accent-dark: #B8E000;
    --border: #2A2A30;
    --border-light: #3A3A42;
    --white: #FFFFFF;
    --success: #4DFF88;

    /* WPF mockup tokens (light theme for app preview section) */
    --win-bg: #FFFFFF;
    --win-surface: #F9F9F9;
    --win-surface-hover: #F5F5F5;
    --win-divider: #E0E0E0;
    --win-brand: #0067C0;
    --win-success: #0F7B0F;
    --win-text: #1A1A1A;
    --win-text-sec: #616161;
    --win-text-dis: #A0A0A0;
    --win-titlebar: #F3F3F3;
    --win-sidebar: #FBFBFB;
    --win-sidebar-active: #EDF5FF;
    --win-card: #FFFFFF;

    /* Typography */
    --font-display: 'DM Mono', 'JetBrains Mono', 'Fira Code', monospace;
    --font-body: 'DM Sans', 'Helvetica Neue', sans-serif;
    --font-mono: 'DM Mono', 'JetBrains Mono', monospace;
    --font-win: 'Segoe UI', 'Helvetica Neue', sans-serif;
    --font-win-mono: 'Cascadia Code', 'Consolas', monospace;

    /* Spacing scale */
    --space-xs: 4px;
    --space-sm: 8px;
    --space-md: 16px;
    --space-lg: 24px;
    --space-xl: 32px;
    --space-2xl: 48px;
    --space-3xl: 64px;
    --space-4xl: 80px;
    --space-5xl: 120px;

    /* Layout */
    --max-width: 1200px;
    --nav-height: 64px;
    --border-radius-sm: 6px;
    --border-radius-md: 10px;
    --border-radius-lg: 16px;
}