/* orange.css — warm parchment · coral ink · light. sum's orange skin. color only.
   the RWO warm look THEMES.md kept promising and never shipped as CSS.
   rescued whole from mud (src/main.rs `fn palette()`, variant Coral / label "******").
   parchment ground, coral/burnt-orange accent. warm dark ink, never pure black.
   opacity on text is banned — every role is solid hex. apply via [data-skin="orange"].

   ── the role map — mud's 11 fields → the CSS token set (names differ; values do not) ──
     mud bg        → --bg
     mud surface   → --surface
     mud surface_2 → --surface-2      (mud underscore → CSS hyphen)
     mud line      → --line
     mud text      → --text
     mud text_dim  → --text-dim
     mud accent    → --accent
     mud topbar_bg → --topbar-bg
     mud btn       → --btn
     mud btn_sh    → --btn-sh          (mud folds the bevel into btn_sh / dark)
     mud dark:false→ --bevel-light / --bevel-dark  (light skin: soft, near-flat)
   derived (no mud field): --accent-deep #a8461e — a darker coral, per SALVAGE.md. */

[data-skin="orange"] {
  --bg:          #f4ecdd;   /* parchment / cream ground */
  --surface:     #fbf5ea;   /* lighter cream card */
  --surface-2:   #efe4d1;   /* raised warm panel */
  --line:        #d8c9ad;   /* warm tan seam */

  --text:        #33291b;   /* warm dark ink — never pure black */
  --text-dim:    #6f5f47;   /* warm mid-brown, darkened for readable natural-language on cream (Sum 2026-07-09) */

  --accent:      #d9622e;   /* coral / burnt orange */
  --accent-deep: #a8461e;   /* darker coral (derived — SALVAGE.md) */

  --topbar-bg:   #efe4d0;   /* warm cream bar */
  --btn:         #efe4d1;   /* matches surface-2 */
  --btn-sh:      #d8c9ad;   /* tan shadow — matches line */

  --bevel-light: rgba(255, 255, 255, 0.45);   /* light skin: soft warm highlight */
  --bevel-dark:  rgba(120, 90, 50, 0.18);      /* tan-brown lowlight, near-flat */
}

/* ── to REGISTER this skin (do it by hand — not edited here, per the additive rule) ──
   1. oz/index.html — add  <link rel="stylesheet" href="skin/orange.css">
      beside the other global skins (after skin/unicorn.css, line ~13).
   2. oz/shell/registry.js — line 70, add 'orange' to the `skins` array
      (the master list; leads with the 4 global app-skins).
   3. oz/shell/topbar.js — line 211, add { id: 'orange', label: 'orange' }
      to the `SKINS` dropdown array (the global skin picker).
      NOTE: orange is a LIGHT, clean-tier skin — it is NOT fantasy, so leave
      it OUT of FANTASY_SKINS (topbar.js line 229). optional: give it a
      ZOOM_ICONS entry (line 217) if you want bespoke eat-me/drink-me glyphs. */