/* ============================================================
   Blade & Timber — Color Tokens  (from official brand assets)
   Core palette: deep SLATE-TEAL + burnt ORANGE + black on CREAM.
   Sampled from the brand logo/target files:
     teal  #1D393D / #07272D   ·   orange #C25404
   ============================================================ */
:root {
  /* ---- Slate-teal ramp (the brand "blue") ---- */
  --bt-slate-900: #07272D;  /* deepest — "Dark Blue" target */
  --bt-slate-800: #0E2E34;  /* primary dark surface */
  --bt-slate-700: #1D393D;  /* logo teal / raised dark surface */
  --bt-slate-600: #2C5057;  /* borders on dark */
  --bt-slate-500: #467076;  /* muted teal */
  --bt-slate-400: #6E9398;  /* teal text on dark */

  /* ---- Near-black ---- */
  --bt-black: #121516;      /* brand black (slightly teal-warmed) */

  /* ---- Burnt orange ramp (primary accent) ---- */
  --bt-orange-700: #843903;
  --bt-orange-600: #A24503;
  --bt-orange-500: #C25404;  /* CTA / brand orange */
  --bt-orange-400: #D9701F;  /* hover */
  --bt-orange-300: #E89B5E;
  --bt-orange-100: #F7E2CE;  /* orange tint surface */

  /* ---- Warm neutral / stone ramp (vintage paper) ---- */
  --bt-stone-600: #5C5A52;
  --bt-stone-500: #7C7A71;  /* muted text on light */
  --bt-stone-400: #A29F94;
  --bt-stone-300: #C9C4B7;  /* hairlines on light */
  --bt-stone-200: #E5E0D4;
  --bt-bone-100: #F2ECDD;   /* cream surface */
  --bt-paper-50: #FAF6EC;   /* lightest paper */
  --bt-white: #FFFFFF;

  /* ---- Semantic / utility ---- */
  --bt-success: #2E7D52;    /* utility green (status only) */
  --bt-warning: var(--bt-orange-500);
  --bt-danger:  #B23A2A;    /* utility error red */
  --bt-info:    var(--bt-slate-700);

  /* ============================================================
     SEMANTIC ALIASES — prefer these in components
     Default theme = LIGHT (cream paper)
     ============================================================ */
  --surface-page:    var(--bt-paper-50);
  --surface-card:    var(--bt-white);
  --surface-raised:  var(--bt-bone-100);
  --surface-inverse: var(--bt-slate-800);
  --surface-sunken:  var(--bt-bone-100);

  --text-strong:  var(--bt-slate-900);
  --text-body:    var(--bt-slate-800);
  --text-muted:   var(--bt-stone-500);
  --text-inverse: var(--bt-paper-50);
  --text-on-accent: var(--bt-paper-50);

  --border-subtle: var(--bt-stone-300);
  --border-strong: var(--bt-slate-900);

  --accent-primary:       var(--bt-orange-500);
  --accent-primary-hover: var(--bt-orange-400);
  --accent-primary-press: var(--bt-orange-600);
  --accent-secondary:     var(--bt-slate-700);
  --accent-highlight:     var(--bt-orange-500);

  --focus-ring: var(--bt-orange-400);
}

/* ============================================================
   DARK THEME — the "bar at night" surfaces. Apply via
   [data-theme="dark"] on any container.
   ============================================================ */
[data-theme="dark"] {
  --surface-page:    var(--bt-slate-900);
  --surface-card:    var(--bt-slate-800);
  --surface-raised:  var(--bt-slate-700);
  --surface-inverse: var(--bt-paper-50);
  --surface-sunken:  var(--bt-slate-900);

  --text-strong:  var(--bt-paper-50);
  --text-body:    var(--bt-bone-100);
  --text-muted:   var(--bt-slate-400);
  --text-inverse: var(--bt-slate-900);

  --border-subtle: var(--bt-slate-600);
  --border-strong: var(--bt-bone-100);
}