/* ==================== LAVAFLOOR — THEME TOKENS ====================
   Mirrors palette.js. Load this BEFORE every other stylesheet.
   Run __palette.tokens() in the console to diff against the 3D palette.

   Two rules this palette enforces:
     1. The island stays green. Green ground over a molten sea is what makes
        "safe / not safe" readable at a glance.
     2. Orange is the brand, so orange cannot mean danger. Lava is ambient,
        so --lf-danger is a crimson deliberately shifted off the lava ramp.
   ================================================================== */

:root {
  /* --- Lava: the threat, and the brand --- */
  --lf-lava-core:   #ffc24a;
  --lf-lava-hot:    #ff9126;
  --lf-lava:        #ff7a22;
  --lf-lava-deep:   #c7300a;
  --lf-lava-crust:  #8a2e12;

  /* --- Ground: what you are fighting to stand on --- */
  --lf-ground:      #7cba52;
  --lf-ground-dim:  #5c8e3b;
  --lf-moss:        #4a8c3c;

  /* --- Rock --- */
  --lf-basalt:      #584340;
  --lf-basalt-dark: #42302e;
  --lf-basalt-deep: #2b1f1e;
  --lf-crust:       #33262a;
  --lf-void:        #140b0c;

  /* --- Type --- */
  --lf-bone:        #f6ede6;
  --lf-ash:         #c7afa4;
  --lf-smoke:       #8a756d;
  --lf-soot:        #5c4a46;

  /* --- Signal --- */
  --lf-danger:      #e5484d;
  --lf-safe:        #7cba52;
  --lf-warn:        #ffb43c;

  /* --- Derived surfaces --- */
  --lf-line:        rgba(255, 122, 34, 0.30);
  --lf-line-soft:   rgba(255, 122, 34, 0.12);
  --lf-glow:        rgba(255, 122, 34, 0.38);
  --lf-hair:        rgba(255, 255, 255, 0.08);
  --lf-panel:       rgba(31, 21, 22, 0.88);
  --lf-scrim:       rgba(12, 7, 8, 0.72);
}