/*
IC SHIP PASS — generated by icpass.py from the map. edit the CODE; rerun to refresh this.

══════════════════════════════════════════════════════════════════════
 PAGE 0 — TABLE OF CONTENTS  (goldfish pointers)
 jump by SEARCHING the anchor phrase — line numbers drift, names don't.
══════════════════════════════════════════════════════════════════════
  to REGISTER this skin (do it by hand — not ... search: "to REGISTER this skin"
══════════════════════════════════════════════════════════════════════

 FOR AI
 ───────
   **OWNS** — This file is the single source of truth for the orange skin's color palette. It
   **exports eleven CSS custom properties (`--bg`, `--surface`, `--surface-2`, `--line`,
   **`--text`, `--text-dim`, `--accent`, `--accent-deep`, `--topbar-bg`, `--btn`, `--btn-sh`)
   **plus two bevel properties, all scoped to `[data-skin="orange"]`. These tokens are consumed
   **by layout and component files that reference them by name.
   
   **TOUCH HERE** —
   - Change a color value → edit the hex directly in lines 22–38 (the property declarations
   - inside the `[data-skin="orange"]` block).
   - Adjust text readability (contrast) → `--text` L27 or `--text-dim` L28.
   - Modify accent tone → `--accent` L30 or `--accent-deep` L31.
   - Soften or darken the bevel effect → `--bevel-light` L37 or `--bevel-dark` L38 (rgba values).
   
   **TRAPS** —
   - The CSS property names (lines 22–38) are load-bearing: `--surface-2`, `--text-dim`,
   - `--accent-deep`, `--topbar-bg`, `--btn-sh`, `--bevel-light`, `--bevel-dark` are referenced
   - by name in other files. Renaming them will silently break those consumers.
   - The selector `[data-skin="orange"]` (line 21) must match the string 'orange' registered in
   - oz/shell/registry.js and oz/shell/topbar.js (lines 44, 46 in the registration section).
   - The role map (lines 7–19) documents the correspondence between mud's internal field names
   - and CSS tokens. It is a comment only, but if you add a new token, update this map so the
   - next person understands the lineage.
   
   **DO NOT** —
   - Do not edit lines 41–50 (the registration instructions). They belong in oz/index.html,
   - oz/shell/registry.js, and oz/shell/topbar.js; this file only documents them.
   - Do not add opacity to text colors (line 5 forbids it). Every role must be solid hex.
   - Do not invent new CSS properties here. If you need a new token, add it to the role map
   - comment first, then coordinate with whoever maintains the consuming files.
   
   
   
   ---

END IC SHIP PASS
*/

/* 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. */