/* ==========================================================================
   SHAABANS.COM — VALUE REGISTER  v1.0 · 22 August 2026  · PROPOSAL
   --------------------------------------------------------------------------
   There is no written manual for this site yet, so unlike SMS-3 these names
   are inferred from what the pages actually do rather than transcribed from
   a standard. Read them as a first draft to correct, not a decision taken.

   Measured across index.html, about.html and policy.html as rendered.
   Every entry gives its job and how many times it was found doing it.

   UNIT: px throughout. The site is screen-first and has no print geometry.
   ========================================================================== */

:root{

/* --- INK — anchor. Do not adjust. ------------------------------------------
   Four steps, evenly spaced, 99.99% of their variance on a single line, with
   per-step deltas of 85, 89 and 95. That is not accumulation, it is a scale
   somebody built. The line runs toward #FFF1CC, which is why these read as
   warm brown rather than grey.                                              */

  --ink:        #2A2723;  /* headings, primary text, the dark nav ground · 90 */
  --body:       #4A443B;  /* running text                                · 64 */
  --quiet:      #6A6355;  /* secondary text, small-caps labels           · 40 */
  --faint:      #8C8471;  /* captions, fine print                        · 26 */
  --ink-soft:   #C6BFAF;  /* running text on the dark ink ground (footer) */

/* --- The warm point the ink ladder runs toward ---------------------------- */

  --warm-point: #FFF1CC;  /* named 22 Aug 2026 so the ladder's geometry is
                             in the register, not just its prose. Unused as
                             a fill so far; the terminus, not a step. */

/* RETIRED: #918875 (12 uses, Δ13 from --faint) · #46413A (13 uses, Δ8 from
   --body; it was doing border duty on the dark nav) */

/* --- GOLD — the signal ---------------------------------------------------- */

  --gold:       #8C6A3B;  /* the accent: eyebrows, record refs, links    · 58 */
  --gold-light: #B08D57;  /* button and band fills, gold rules           · 47 */

  --ember:      #8C4A2A;  /* danger and urgency: delete, your-turn, deadlines.
                             Reinstated 22 Aug 2026 — the admin desk needs a
                             destructive/urgent voice distinct from gold. */

/* --- DARK SURFACES — the nav ground and the desk's login screen ----------- */

  --well:       #332F2A;  /* raised well on the dark ground (inputs)     ·  1 */

/* --- GROUND — a real ladder, narrowing as it lightens --------------------- */

  --paper:      #FFFDF7;  /* the lightest surface, cards on the ground   · 23 */
  --sheet:      #F8F3E7;  /* raised panels                               · 34 */
  --ground:     #F3ECDC;  /* the page itself                             · 58 */
  --sunk:       #EFE7D5;  /* recessed wells                              · 19 */

/* RETIRED into --sunk, all within Δ9 and none doing a separate job:
     #F0E7D3 (Δ3) · #EDE5D3 (Δ6) · #EDEAD9 (Δ9) */

/* --- RULES ---------------------------------------------------------------- */

  --rule-strong: #C6B896;  /* frames and emphasis rules                  · 59 */
  --rule:        #D6CBB2;  /* the common hairline                        · 74 */
  --rule-pale:   #DDD3BC;  /* light dividers, band edges                 · 55 */
  --rule-faint:  #E7DFCB;  /* table interiors                            · 12 */

  --w-rule:      1px;      /* 258 uses */
  --w-strong:    2px;      /*   6 uses */

/* RETIRED: #C0B394 (Δ13 from --rule-strong) · #DCD3C0 (Δ5 from --rule-pale)
   · #EBE1CB (Δ6 from --rule-faint)
   FLAGGED: --rule and --rule-pale are only Δ25 apart and both are heavily
   used. Collapsing them would be visible. Decide by eye. */

/* --- GREEN — the second accent, used sparingly ---------------------------- */

  --green:      #40564A;  /* section rules and marks in the archive      ·  9 */
  --green-pale: #C6CFC4;  /* its tint                                    ·  8 */
  --green-soft: #9AAB99;  /* success and confirmation states · reinstated
                             22 Aug 2026 from the retired list — it is the
                             only green legible as a state color on --sheet */

/* RETIRED: #2D4036 (1) · #22301F (1) — two more greens doing nothing the
   ones above cannot. */

/* --- SCRIPT AND BOUGH — the calligraphy and tree-diagram tones ------------
   Named 22 Aug 2026. These render the Arabic calligraphy and the tree
   diagram's edge ladder; they have no near relative elsewhere in the
   register and must not be snapped to the rules ladder.                     */

  --script:       #B0A488;  /* calligraphy mid tone; tree edge, second step */
  --script-amber: #E8C9A8;  /* calligraphy highlight; error text on green */
  --bough:        #B3A88C;  /* tree edge, third step */
  --bough-pale:   #CFC3A8;  /* dashed gap edges in the tree */
  --bough-faint:  #E2D9C4;  /* the inner frame line */

/* --- PLACEHOLDER — its own voice ------------------------------------------
   Named 25 Aug 2026. Placeholder text is not caption text: it is an example of
   what to type, and it must read as an example. It gets its own colour and its
   own face so either can change without touching the ink ladder. The colour is
   #A79C82, which the pages were already using untokenised — 6–9 units from
   --script, 17–27 from --faint, and doing a job neither of them does.        */

  --placeholder:      #A79C82;
  --face-placeholder: "Cormorant Garamond", Georgia, serif;

/* --- FACES ---------------------------------------------------------------
   Cormorant SC is the small-caps cut of Cormorant, not a separate face, so
   this is three voices plus a script extension — the same rule both document
   systems state, met with a sans rather than a monospace utility face.      */

  --face-text:    "Cormorant Garamond", Georgia, serif;   /* 190 */
  --face-label:   "Cormorant SC", Georgia, serif;         /*  78 */
  --face-utility: "Source Sans 3", system-ui, sans-serif; /*  75 */
  --face-arabic:  "Noto Naskh Arabic", serif;             /*  30 */

/* --- SCALE ---------------------------------------------------------------
   Eight steps, from twenty-one found in use. No absorbed value moves by more
   than 2px, so none of this is visible.                                     */

  --size-hero:    44px;  /* the one hero line                    ·  3 */
  --size-display: 36px;  /* section openers      · absorbs 34,38 · 12 */
  --size-title:   24px;  /* headings             · absorbs 26    · 10 */
  --size-subhead: 21px;  /* sub-headings         · absorbs 19,20,22 · 39 */
  --size-body:    17px;  /* running text         · absorbs 15,16,18 · 147 */
  --size-meta:    13px;  /* credits, notes       · absorbs 12,14  · 81 */
  --size-label:   11px;  /* small-caps labels                    · 45 */
  --size-micro:   10px;  /* the smallest legible · absorbs 9     · 28 */

/* --- LEADING AND TRACKING -------------------------------------------------
   The ladder now reads in order, loosest to tightest: body > snug > tight >
   tighter > flush. `--lead-tight` (1.35) was added 25 Aug 2026 to close the
   gap the design files kept hitting as literals (1.3, 1.35, 1.4); what was
   `--lead-tight` (1.22) is now `--lead-tighter`, so nothing moved except the
   name. Snug and tight no longer have to be guessed at from their names. */

  --lead-body:    1.65;   /* absorbs 1.6, 1.62, 1.68, 1.7 · 102 */
  --lead-snug:    1.5;    /* absorbs 1.55                 ·  23 */
  --lead-tight:   1.35;   /* card titles, filenames, node names · absorbs 1.3, 1.4 */
  --lead-tighter: 1.22;   /* absorbs 1.2, 1.25            ·  29 */
  --lead-flush:   1.05;   /* absorbs 1.0, 1.08, 1.1       ·  17 */

  --track-label:  0.16em;  /* small-caps labels · absorbs .14, .18 · 52 */
  --track-wide:   0.22em;  /* the widest setting · absorbs .2, .245, .26 · 24 */
  --track-subtle: 0.08em;  /* absorbs .06, .1                      · 14 */

/* --- SPACING — derived 22 Aug 2026 -----------------------------------------
   Measured across the three pages and the admin desk: ~900 padding, margin
   and gap declarations, every one chosen by eye until now. Thirteen steps,
   absorbing nothing that moves more than 2px. Positional offsets (top/left)
   and one-off page geometry (44, 52, 60–70, 82–96) stay literal — they are
   coordinates, not rhythm.
   FLAGGED: --space-text and --space-body are Δ2 apart and both heavily used,
   the same standoff as --rule/--rule-pale. Decide by eye later.             */

  --space-hair:   4px;   /* absorbs 3, 5                        · ~37 */
  --space-tight:  8px;   /* absorbs 6, 7, 9                     · ~77 */
  --space-snug:   12px;  /* absorbs 10, 11, 13                  · ~103 */
  --space-text:   14px;  /* the commonest gap · absorbs 15      · ~78 */
  --space-body:   16px;                                        /* · ~67 */
  --space-loose:  20px;  /* absorbs 18, 19                      · ~84 */
  --space-roomy:  24px;  /* absorbs 22, 23, 26                  · ~86 */
  --space-block:  30px;  /* absorbs 28, 32                      · ~39 */
  --space-major:  34px;  /* absorbs 36                          · ~25 */
  --space-wide:   40px;  /* absorbs 38, 42                      · ~16 */
  --space-grand:  48px;  /* absorbs 46                          · ~10 */
  --space-gutter: 56px;  /* the page gutter · absorbs 58        · ~34 */
  --space-band:   76px;  /* section band padding · absorbs 74, 78 · ~9 */

/* --- WEIGHTS — the three the faces actually load --------------------------- */

  --weight-light:  300;  /*  5 */
  --weight-text:   400;  /* 24 */
  --weight-medium: 500;  /*  5 */
}

/* --------------------------------------------------------------------------
   Root defaults, so nothing added later falls back to the browser's serif. */

html, body{
  font-family: var(--face-text);
  font-size: var(--size-body);
  line-height: var(--lead-body);
  color: var(--body);
  background: var(--ground);
}