/* ============================================================
   RANGELIGHT — Color  ("Signal & Smoke")
   The lights along the shore. Everything at rest is warm.
   ONE cool tone (teal) and it is glow/halo ONLY — see TEAL LAW.
   Contrast: bone-on-smoke ≈ 15:1. AA-clean for body & large text.
   ============================================================ */
:root {
  /* ---- core / smoke surfaces ---- */
  --rl-smoke:       #0E0D0C;   /* primary background */
  --rl-smoke-2:     #16141B;   /* raised surface / panel */
  --rl-smoke-3:     #1E1B19;   /* hover surface / inset */
  --rl-bone:        #EDE9E3;   /* primary text on smoke */
  --rl-dim:         #B5AB9C;   /* secondary text  (≈ 8:1) */
  --rl-faint:       #8D8478;   /* tertiary / captions (≈ 4.7:1) */
  --rl-line:        #2A2723;   /* hairline borders */
  --rl-line-2:      #3A352F;   /* stronger divider / input border */

  /* ---- warm: the light (identity layer) ---- */
  --rl-amber:       #F5A523;   /* primary warm / lamp */
  --rl-ember:       #E8742C;   /* deep warm / shading, gradient end */
  --rl-amber-soft:  #F6C56C;   /* highlight, beacon top */
  --rl-core:        #FFE9C4;   /* incandescent core (smallest, brightest) */
  --rl-amber-ink:   #161310;   /* text that sits ON amber fills */

  /* ---- cool: the one current (ACTION layer only — TEAL LAW) ---- */
  --rl-teal:        #3E8E9E;   /* working teal — the water */
  --rl-teal-lite:   #6FC4D2;   /* teal glow / interactive halo */

  /* ---- status (kept warm-biased; calm, never alarmist) ---- */
  --rl-success:     #6FA36B;   /* grounded green — "covered / confirmed" */
  --rl-warning:     #E8A33C;   /* amber-leaning caution */
  --rl-danger:      #C9603F;   /* ember-leaning, never pure red */

  /* ============================================================
     SEMANTIC ALIASES — author UI against these, not the raw ramp.
     ============================================================ */
  --surface:            var(--rl-smoke);
  --surface-raised:     var(--rl-smoke-2);
  --surface-hover:      var(--rl-smoke-3);
  --surface-cite:       rgba(245,165,35,.05);

  --text:               var(--rl-bone);
  --text-secondary:     var(--rl-dim);
  --text-tertiary:      var(--rl-faint);
  --text-on-warm:       var(--rl-amber-ink);

  --border:             var(--rl-line);
  --border-strong:      var(--rl-line-2);

  --accent-warm:        var(--rl-amber);
  --accent-deep:        var(--rl-ember);
  --accent-highlight:   var(--rl-amber-soft);

  /* interaction-only cool */
  --halo:               var(--rl-teal-lite);
  --halo-core:          var(--rl-teal);
}