/* ===========================================================================
   PLATZ 28 — Color tokens
   Cinematic dusk-at-the-lake palette: near-black warm ink, a single amber
   accent (string lights / sunset), bone-white text, mossy pine support color.
   =========================================================================== */

:root {
  /* --- Ink / neutral scale (warm-cool near-black) --- */
  --ink-950: #07090A;   /* page background — darkest ink, actual default */
  --ink-900: #0C0F11;   /* sub-background / heavy scrim surface */
  --ink-850: #111417;
  --ink-800: #15191C;   /* base surface */
  --ink-700: #1C2225;   /* elevated card */
  --ink-600: #262D31;   /* hairline / inset */
  --ink-500: #333C41;   /* strong border */
  --ink-400: #4A555B;

  /* --- Amber accent (sunset glow / lantern light) --- */
  --amber-200: #F8D4A2;
  --amber-300: #F5C485;
  --amber-400: #F0AC5B;
  --amber-500: #E8943A;  /* PRIMARY accent */
  --amber-600: #CE7B26;
  --amber-700: #A5611B;
  --amber-glow: rgba(232, 148, 58, 0.35);

  /* --- Bone / text on dark --- */
  --bone-50:  #F5F1E9;   /* primary text */
  --bone-100: #E7E1D5;
  --bone-200: #CFC8BA;
  --mute-400: #969C9F;   /* secondary text */
  --mute-500: #6E7478;   /* tertiary / disabled */

  /* --- Support: mossy pine + cool lake (use sparingly) --- */
  --pine-500: #6E9A57;
  --lake-500: #5C86A0;

  /* --- Semantic states --- */
  --green-500: #6E9A57;
  --red-500:   #D85C4E;
  --blue-500:  #5C86A0;
  --yellow-500:#E8B53A;

  /* =====================================================================
     SEMANTIC ALIASES — prefer these in components
     ===================================================================== */
  --bg-page:        var(--ink-950);  /* #07090A — active standard across all Platz-28 productions */
  --bg-surface:     var(--ink-800);
  --bg-elevated:    var(--ink-700);
  --bg-inset:       var(--ink-850);
  --bg-overlay:     rgba(7, 9, 10, 0.72);

  --text-strong:    var(--bone-50);
  --text-body:      var(--bone-200);
  --text-muted:     var(--mute-400);
  --text-faint:     var(--mute-500);
  --text-on-accent: var(--ink-950);

  --accent:         var(--amber-500);
  --accent-hover:   var(--amber-400);
  --accent-press:   var(--amber-600);
  --accent-soft:    rgba(232, 148, 58, 0.14);
  --accent-line:    rgba(232, 148, 58, 0.40);

  --border-subtle:  rgba(245, 241, 233, 0.09);
  --border-strong:  rgba(245, 241, 233, 0.18);
  --border-accent:  var(--accent-line);

  --focus-ring:     0 0 0 3px rgba(232, 148, 58, 0.45);

  --success: var(--green-500);
  --danger:  var(--red-500);
  --info:    var(--blue-500);
  --warning: var(--yellow-500);
}