:root {
    --color-primary:       #2563eb;
    --color-primary-dark:  #1d4ed8;
    --color-primary-light: #eff6ff;
    --color-bg:            #ffffff;
    --color-bg-alt:        #f8fafc;
    --color-bg-dark:       #0f172a;
    --color-text:          #1e293b;
    --color-text-muted:    #64748b;
    --color-border:        #e2e8f0;
    --color-success:       #16a34a;
    --color-error:         #dc2626;

    --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    --font-mono: 'Courier New', Courier, monospace;

    --radius:    8px;
    --radius-lg: 12px;

    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
    --shadow:    0 1px 3px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.06);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);

    --max-width:    1200px;
    --header-height: 64px;
    --transition:   0.2s ease;
}