/* Solution Optimal — Brand Tokens */
:root {
    /* Core palette */
    --bg: #0f1117;
    --surface: #1a1d27;
    --surface-2: #242836;
    --surface-3: #2e3347;
    --header-bg: #151820;
    --border: #2e3347;
    --border-strong: #3a3f54;
    --glass: rgba(255, 255, 255, 0.06);

    /* Text */
    --text: #e4e6f0;
    --text-dim: #8b8fa3;
    --text-secondary: #6b7084;
    --muted: #555a6e;

    /* Accent — SO golden amber */
    --accent: #F5B455;
    --accent-dim: #D49A3A;
    --accent-glow: rgba(245, 180, 85, 0.15);
    --accent-strong: #FFCA6E;
    --brand: #F5B455;

    /* Semantic */
    --green: #34d399;
    --red: #f87171;
    --orange: #fbbf24;
    --blue: #60a5fa;

    /* Typography */
    --font-body: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    --font-data: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;

    /* Spacing */
    --radius-sm: 6px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 16px;
}