/* ============================================================================
   Travnet marketing site — design tokens
   ----------------------------------------------------------------------------
   GENERATED by .migration/gen-tokens.cjs. Values are RGB triplets ("R G B") so
   Tailwind's opacity modifier works: colours are consumed as
       rgb(var(--color-x))            -> solid
       rgb(var(--color-x) / 0.5)      -> 50% (CSS / site.css / inline styles)
       rgb(var(--color-x) / <alpha-value>)  -> Tailwind config (enables bg-x/NN)
   Layer 1 values = exact Tailwind v3.4 default palette (extracted from
   tailwindcss colors.js), EXCEPT `primary` = Travnet brand orange ramp from
   apps/admin/src/index.css. Pinned to Tailwind v3.4.17.
   ============================================================================ */
:root {
  /* Brand (primary) — Travnet orange, NOT Tailwind orange */
  --color-primary-50: 255 247 237;
  --color-primary-100: 255 237 213;
  --color-primary-200: 254 215 170;
  --color-primary-300: 253 186 116;
  --color-primary-400: 251 146 60;
  --color-primary-500: 255 107 0;
  --color-primary-600: 234 88 12;
  --color-primary-700: 194 65 12;
  --color-primary-800: 154 52 18;
  --color-primary-900: 124 45 18;

  --color-primary-glow: 255 140 56;
  --color-primary-glow-2: 255 179 71;

  /* Neutral (slate) */
  --color-slate-50: 248 250 252;
  --color-slate-100: 241 245 249;
  --color-slate-200: 226 232 240;
  --color-slate-300: 203 213 225;
  --color-slate-400: 148 163 184;
  --color-slate-500: 100 116 139;
  --color-slate-600: 71 85 105;
  --color-slate-700: 51 65 85;
  --color-slate-800: 30 41 59;
  --color-slate-900: 15 23 42;
  --color-slate-950: 2 6 23;

  /* Tailwind orange (distinct from brand primary) */
  --color-orange-50: 255 247 237;
  --color-orange-100: 255 237 213;
  --color-orange-200: 254 215 170;
  --color-orange-300: 253 186 116;
  --color-orange-400: 251 146 60;
  --color-orange-500: 249 115 22;
  --color-orange-600: 234 88 12;
  --color-orange-700: 194 65 12;
  --color-orange-800: 154 52 18;
  --color-orange-900: 124 45 18;

  /* Success (emerald) */
  --color-emerald-50: 236 253 245;
  --color-emerald-100: 209 250 229;
  --color-emerald-200: 167 243 208;
  --color-emerald-300: 110 231 183;
  --color-emerald-400: 52 211 153;
  --color-emerald-500: 16 185 129;
  --color-emerald-600: 5 150 105;
  --color-emerald-700: 4 120 87;
  --color-emerald-800: 6 95 70;

  /* Green (distinct hue) */
  --color-green-50: 240 253 244;
  --color-green-100: 220 252 231;
  --color-green-200: 187 247 208;
  --color-green-400: 74 222 128;
  --color-green-500: 34 197 94;
  --color-green-600: 22 163 74;
  --color-green-700: 21 128 61;

  /* Teal */
  --color-teal-50: 240 253 250;
  --color-teal-100: 204 251 241;
  --color-teal-200: 153 246 228;
  --color-teal-600: 13 148 136;
  --color-teal-700: 15 118 110;

  /* Info (blue) */
  --color-blue-50: 239 246 255;
  --color-blue-100: 219 234 254;
  --color-blue-200: 191 219 254;
  --color-blue-400: 96 165 250;
  --color-blue-500: 59 130 246;
  --color-blue-600: 37 99 235;
  --color-blue-700: 29 78 216;
  --color-blue-800: 30 64 175;
  --color-blue-900: 30 58 138;

  /* Sky */
  --color-sky-50: 240 249 255;
  --color-sky-100: 224 242 254;
  --color-sky-200: 186 230 253;
  --color-sky-500: 14 165 233;
  --color-sky-600: 2 132 199;
  --color-sky-700: 3 105 161;

  /* Cyan */
  --color-cyan-50: 236 254 255;
  --color-cyan-100: 207 250 254;
  --color-cyan-500: 6 182 212;
  --color-cyan-600: 8 145 178;

  /* Indigo */
  --color-indigo-50: 238 242 255;
  --color-indigo-100: 224 231 255;
  --color-indigo-200: 199 210 254;
  --color-indigo-300: 165 180 252;
  --color-indigo-500: 99 102 241;
  --color-indigo-600: 79 70 229;
  --color-indigo-700: 67 56 202;
  --color-indigo-800: 55 48 163;

  /* Warning (amber) */
  --color-amber-50: 255 251 235;
  --color-amber-100: 254 243 199;
  --color-amber-200: 253 230 138;
  --color-amber-300: 252 211 77;
  --color-amber-400: 251 191 36;
  --color-amber-500: 245 158 11;
  --color-amber-600: 217 119 6;
  --color-amber-700: 180 83 9;
  --color-amber-800: 146 64 14;
  --color-amber-900: 120 53 15;

  /* Yellow */
  --color-yellow-50: 254 252 232;
  --color-yellow-100: 254 249 195;
  --color-yellow-700: 161 98 7;

  /* Danger (red) */
  --color-red-50: 254 242 242;
  --color-red-100: 254 226 226;
  --color-red-300: 252 165 165;
  --color-red-400: 248 113 113;
  --color-red-500: 239 68 68;
  --color-red-600: 220 38 38;
  --color-red-700: 185 28 28;
  --color-red-900: 127 29 29;

  /* Rose */
  --color-rose-50: 255 241 242;
  --color-rose-100: 255 228 230;
  --color-rose-400: 251 113 133;
  --color-rose-500: 244 63 94;
  --color-rose-600: 225 29 72;

  /* Accent (violet) */
  --color-violet-50: 245 243 255;
  --color-violet-100: 237 233 254;
  --color-violet-300: 196 181 253;
  --color-violet-400: 167 139 250;
  --color-violet-500: 139 92 246;
  --color-violet-600: 124 58 237;
  --color-violet-700: 109 40 217;

  /* Purple */
  --color-purple-50: 250 245 255;
  --color-purple-200: 233 213 255;
  --color-purple-700: 126 34 206;

  /* Pink */
  --color-pink-50: 253 242 248;
  --color-pink-100: 252 231 243;
  --color-pink-600: 219 39 119;
  --color-pink-700: 190 24 93;

  /* Fuchsia */
  --color-fuchsia-50: 253 244 255;
  --color-fuchsia-100: 250 232 255;

  /* Special */
  --color-white: 255 255 255;
  --color-black: 0 0 0;
  --color-whatsapp: 37 211 102;
  --color-danger-tint: 255 245 245;

  /* ==========================================================================
     Layer 2 — semantic aliases (triplet passthrough; consume via rgb()).
     ========================================================================== */
  --color-success-50: var(--color-emerald-50);
  --color-success-100: var(--color-emerald-100);
  --color-success-500: var(--color-emerald-500);
  --color-success-600: var(--color-emerald-600);
  --color-success-700: var(--color-emerald-700);
  --color-info-50: var(--color-blue-50);
  --color-info-500: var(--color-blue-500);
  --color-info-600: var(--color-blue-600);
  --color-info-700: var(--color-blue-700);
  --color-warning-100: var(--color-amber-100);
  --color-warning-400: var(--color-amber-400);
  --color-warning-600: var(--color-amber-600);
  --color-danger-100: var(--color-red-100);
  --color-danger-500: var(--color-red-500);
  --color-danger-600: var(--color-red-600);
  --color-accent-500: var(--color-violet-500);
  --color-accent-600: var(--color-violet-600);
  --color-neutral-100: var(--color-slate-100);
  --color-neutral-500: var(--color-slate-500);
  --color-neutral-700: var(--color-slate-700);
  --color-neutral-900: var(--color-slate-900);

  /* Surface / text / border — mirror apps/admin/src/index.css semantics */
  --surface-base: var(--color-slate-50);
  --surface-primary: var(--color-white);
  --text-main: var(--color-slate-900);
  --text-muted: var(--color-slate-500);
  --text-inverse: var(--color-white);
  --border-subtle: var(--color-slate-200);
  --border-strong: var(--color-slate-300);
}