/* =============================================================================
   Vela Deal Intelligence — Brand Tokens
   Source of truth: brand-kit.md §7. Dark mode is canonical and default.
   DO NOT hand-edit colour values here — they mirror the brand kit verbatim.
   ========================================================================== */

:root {
  /* Brand Primary */
  --brand-primary-50:  oklch(0.980 0.072 260); --brand-primary-100: oklch(0.930 0.097 260);
  --brand-primary-200: oklch(0.830 0.122 260); --brand-primary-300: oklch(0.730 0.143 260);
  --brand-primary-400: oklch(0.630 0.156 260); --brand-primary-500: oklch(0.550 0.160 260);
  --brand-primary-600: oklch(0.450 0.152 260); --brand-primary-700: oklch(0.370 0.135 260);
  --brand-primary-800: oklch(0.300 0.112 260); --brand-primary-900: oklch(0.260 0.087 260);
  --brand-primary-950: oklch(0.220 0.063 260);

  /* Brand Secondary */
  --brand-secondary-50:  oklch(0.980 0.054 163); --brand-secondary-100: oklch(0.930 0.073 163);
  --brand-secondary-200: oklch(0.830 0.091 163); --brand-secondary-300: oklch(0.730 0.107 163);
  --brand-secondary-400: oklch(0.630 0.117 163); --brand-secondary-500: oklch(0.550 0.120 163);
  --brand-secondary-600: oklch(0.450 0.114 163); --brand-secondary-700: oklch(0.370 0.101 163);
  --brand-secondary-800: oklch(0.300 0.084 163); --brand-secondary-900: oklch(0.260 0.065 163);
  --brand-secondary-950: oklch(0.220 0.047 163);

  /* Brand Accent */
  --brand-accent-50:  oklch(0.980 0.083 50); --brand-accent-100: oklch(0.930 0.112 50);
  --brand-accent-200: oklch(0.830 0.141 50); --brand-accent-300: oklch(0.730 0.165 50);
  --brand-accent-400: oklch(0.630 0.181 50); --brand-accent-500: oklch(0.550 0.185 50);
  --brand-accent-600: oklch(0.450 0.176 50); --brand-accent-700: oklch(0.370 0.156 50);
  --brand-accent-800: oklch(0.300 0.130 50); --brand-accent-900: oklch(0.260 0.100 50);
  --brand-accent-950: oklch(0.220 0.073 50);

  /* Slate (tertiary) */
  --slate-50:  oklch(0.980 0.011 248); --slate-100: oklch(0.930 0.014 248);
  --slate-200: oklch(0.830 0.020 248); --slate-300: oklch(0.730 0.029 248);
  --slate-400: oklch(0.630 0.038 248); --slate-500: oklch(0.550 0.040 248);
  --slate-600: oklch(0.450 0.038 248); --slate-700: oklch(0.370 0.033 248);
  --slate-800: oklch(0.300 0.026 248); --slate-900: oklch(0.260 0.018 248);
  --slate-950: oklch(0.220 0.012 248);

  /* Gold (tertiary) */
  --gold-50:  oklch(0.980 0.045 90); --gold-100: oklch(0.930 0.060 90);
  --gold-200: oklch(0.830 0.075 90); --gold-300: oklch(0.730 0.089 90);
  --gold-400: oklch(0.630 0.097 90); --gold-500: oklch(0.550 0.100 90);
  --gold-600: oklch(0.450 0.094 90); --gold-700: oklch(0.370 0.084 90);
  --gold-800: oklch(0.300 0.070 90); --gold-900: oklch(0.260 0.054 90);
  --gold-950: oklch(0.220 0.039 90);

  /* Lime (chart accent) */
  --lime-50:  oklch(0.980 0.070 115); --lime-100: oklch(0.930 0.095 115);
  --lime-200: oklch(0.830 0.118 115); --lime-300: oklch(0.730 0.138 115);
  --lime-400: oklch(0.630 0.150 115); --lime-500: oklch(0.550 0.155 115);
  --lime-600: oklch(0.450 0.147 115); --lime-700: oklch(0.370 0.130 115);
  --lime-800: oklch(0.300 0.108 115); --lime-900: oklch(0.260 0.084 115);
  --lime-950: oklch(0.220 0.060 115);

  /* Pool (chart accent) */
  --pool-50:  oklch(0.980 0.065 215); --pool-100: oklch(0.930 0.088 215);
  --pool-200: oklch(0.830 0.110 215); --pool-300: oklch(0.730 0.129 215);
  --pool-400: oklch(0.630 0.141 215); --pool-500: oklch(0.550 0.145 215);
  --pool-600: oklch(0.450 0.138 215); --pool-700: oklch(0.370 0.122 215);
  --pool-800: oklch(0.300 0.101 215); --pool-900: oklch(0.260 0.078 215);
  --pool-950: oklch(0.220 0.057 215);

  /* Plum (chart accent) */
  --plum-50:  oklch(0.980 0.077 340); --plum-100: oklch(0.930 0.104 340);
  --plum-200: oklch(0.830 0.129 340); --plum-300: oklch(0.730 0.151 340);
  --plum-400: oklch(0.630 0.165 340); --plum-500: oklch(0.550 0.170 340);
  --plum-600: oklch(0.450 0.162 340); --plum-700: oklch(0.370 0.143 340);
  --plum-800: oklch(0.300 0.119 340); --plum-900: oklch(0.260 0.092 340);
  --plum-950: oklch(0.220 0.066 340);

  /* Amber (chart accent) */
  --amber-50:  oklch(0.980 0.074 75); --amber-100: oklch(0.930 0.101 75);
  --amber-200: oklch(0.830 0.125 75); --amber-300: oklch(0.730 0.147 75);
  --amber-400: oklch(0.630 0.160 75); --amber-500: oklch(0.550 0.165 75);
  --amber-600: oklch(0.450 0.157 75); --amber-700: oklch(0.370 0.139 75);
  --amber-800: oklch(0.300 0.115 75); --amber-900: oklch(0.260 0.089 75);
  --amber-950: oklch(0.220 0.064 75);

  /* Teal (chart accent) */
  --teal-50:  oklch(0.980 0.056 195); --teal-100: oklch(0.930 0.076 195);
  --teal-200: oklch(0.830 0.095 195); --teal-300: oklch(0.730 0.111 195);
  --teal-400: oklch(0.630 0.121 195); --teal-500: oklch(0.550 0.125 195);
  --teal-600: oklch(0.450 0.119 195); --teal-700: oklch(0.370 0.105 195);
  --teal-800: oklch(0.300 0.087 195); --teal-900: oklch(0.260 0.068 195);
  --teal-950: oklch(0.220 0.049 195);

  /* Info (status tone) */
  --info-50:  oklch(0.980 0.065 255); --info-100: oklch(0.930 0.088 255);
  --info-200: oklch(0.830 0.111 255); --info-300: oklch(0.730 0.130 255);
  --info-400: oklch(0.630 0.142 255); --info-500: oklch(0.550 0.145 255);
  --info-600: oklch(0.450 0.138 255); --info-700: oklch(0.370 0.123 255);
  --info-800: oklch(0.300 0.102 255); --info-900: oklch(0.260 0.079 255);
  --info-950: oklch(0.220 0.057 255);

  /* Success (status tone) */
  --success-50:  oklch(0.980 0.080 150); --success-100: oklch(0.930 0.108 150);
  --success-200: oklch(0.830 0.136 150); --success-300: oklch(0.730 0.159 150);
  --success-400: oklch(0.630 0.174 150); --success-500: oklch(0.550 0.178 150);
  --success-600: oklch(0.450 0.169 150); --success-700: oklch(0.370 0.151 150);
  --success-800: oklch(0.300 0.125 150); --success-900: oklch(0.260 0.097 150);
  --success-950: oklch(0.220 0.070 150);

  /* Warning (status tone) */
  --warning-50:  oklch(0.980 0.077 55); --warning-100: oklch(0.930 0.103 55);
  --warning-200: oklch(0.830 0.130 55); --warning-300: oklch(0.730 0.152 55);
  --warning-400: oklch(0.630 0.166 55); --warning-500: oklch(0.550 0.170 55);
  --warning-600: oklch(0.450 0.162 55); --warning-700: oklch(0.370 0.144 55);
  --warning-800: oklch(0.300 0.119 55); --warning-900: oklch(0.260 0.092 55);
  --warning-950: oklch(0.220 0.067 55);

  /* Danger (status tone) */
  --danger-50:  oklch(0.980 0.099 27); --danger-100: oklch(0.930 0.133 27);
  --danger-200: oklch(0.830 0.168 27); --danger-300: oklch(0.730 0.197 27);
  --danger-400: oklch(0.630 0.215 27); --danger-500: oklch(0.550 0.220 27);
  --danger-600: oklch(0.450 0.209 27); --danger-700: oklch(0.370 0.186 27);
  --danger-800: oklch(0.300 0.154 27); --danger-900: oklch(0.260 0.119 27);
  --danger-950: oklch(0.220 0.086 27);

  /* Type families */
  --font-display: 'Manrope', sans-serif;
  --font-body:    'Inter', 'Segoe UI', sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SFMono-Regular', monospace;

  /* ── Semantic tokens — dark mode (default) ── */
  /* Surfaces */
  --canvas:           var(--brand-primary-900);
  --surface-deep:     var(--brand-primary-950);
  --card-bg:          color-mix(in srgb,
                        color-mix(in srgb, var(--brand-primary-800) 80%, var(--brand-secondary-800)) 85%,
                        transparent);
  --menu-bg:          color-mix(in srgb, var(--surface-deep) 50%, var(--canvas));
  --hairline:         color-mix(in srgb, var(--slate-50) 15%, transparent);
  --hairline-strong:  color-mix(in srgb, var(--slate-50) 25%, transparent);

  /* Accents */
  --accent:           var(--brand-secondary-500);
  --accent-emphasis:  var(--brand-secondary-300);
  --accent-glow:      oklch(0.450 0.114 163 / 0.20);
  --cta:              var(--brand-accent-400);
  --cta-glow:         oklch(0.630 0.181 50 / 0.30);

  /* Text */
  --text-primary:     var(--slate-50);
  --text-secondary:   var(--slate-200);
  --text-muted:       var(--slate-400);
  --white:            var(--slate-50);
  --logo-color:       var(--slate-50);

  /* Status */
  --status-info:        var(--info-400);
  --status-success:     var(--success-400);
  --status-warning:     var(--warning-300);
  --status-danger:      var(--danger-400);
  --status-danger-fill: var(--brand-accent-600);
}