/* ============================================================
   THE LAST FLIGHT — Color tokens
   Warm, editorial darts palette. Apricot glows on ink.
   ============================================================ */

:root {
  /* ---- Brand raw palette (names from the brand asset kit) ---- */
  --tlf-apricot:   #FEB061; /* Warm Apricot — primary brand color */
  --tlf-clay:      #A25039; /* Clay — earthy secondary / accent */
  --tlf-oatmeal:   #ECE8DD; /* Oatmeal — light paper base */
  --tlf-jetstream: #C9C1B2; /* Jet Stream — warm neutral gray */
  --tlf-denim:     #2B3B4D; /* Denim — mid slate blue */
  --tlf-abyssal:   #1B2632; /* Abyssal — near-black ink */
  --tlf-white:     #FFFFFF;
  --tlf-black:     #000000;

  /* ---- Apricot tint/shade ramp (derived, harmonious) ---- */
  --apricot-100: #FFEBD1;
  --apricot-200: #FFD9A8;
  --apricot-300: #FEC584;
  --apricot-400: #FEB061; /* = brand apricot */
  --apricot-500: #F59B3E;
  --apricot-600: #E07E1C;

  /* ---- Oatmeal / neutral ramp (warm grays toward ink) ---- */
  --sand-50:  #F6F3EC;
  --sand-100: #ECE8DD; /* = oatmeal */
  --sand-200: #DED8C8;
  --sand-300: #C9C1B2; /* = jetstream */
  --sand-400: #A69E8E;
  --sand-500: #7C7566;
  --sand-600: #4E4A41;

  /* ---- Ink ramp (denim → abyssal → black) ---- */
  --ink-700: #34465A;
  --ink-800: #2B3B4D; /* = denim */
  --ink-900: #1B2632; /* = abyssal */
  --ink-950: #10171F;

  /* ---- Semantic surfaces ---- */
  --surface-page:      var(--tlf-oatmeal);
  --surface-raised:    var(--tlf-white);
  --surface-sunken:    var(--sand-200);
  --surface-inverse:   var(--tlf-abyssal);
  --surface-inverse-2: var(--tlf-denim);
  --surface-brand:     var(--tlf-apricot);

  /* ---- Semantic text ---- */
  --text-strong:   var(--tlf-abyssal);
  --text-body:     var(--ink-800);
  --text-muted:    var(--sand-500);
  --text-inverse:  var(--tlf-oatmeal);
  --text-on-brand: var(--tlf-abyssal);
  --text-brand:    var(--tlf-clay);

  /* ---- Borders / lines ---- */
  --border-hair:   rgba(27, 38, 50, 0.12);
  --border-soft:   rgba(27, 38, 50, 0.20);
  --border-strong: var(--tlf-abyssal);
  --border-on-dark: rgba(236, 232, 221, 0.16);

  /* ---- Accents / states ---- */
  --accent:          var(--tlf-apricot);
  --accent-hover:    var(--apricot-500);
  --accent-press:    var(--apricot-600);
  --focus-ring:      var(--tlf-apricot);

  /* ---- Feedback (kept in-palette / warm) ---- */
  --positive: #4F7A5B;
  --warning:  var(--apricot-600);
  --danger:   #B6402E;

  /* ---- Scoreboard / play (darts context) ---- */
  --score-live:   var(--tlf-apricot);
  --score-win:    var(--tlf-apricot);
  --board-cream:  #E9E2CE;
  --board-red:    #B6402E;
  --board-green:  #4F7A5B;
}