/* mnemodo v2 night — the navy palette in the floating structure.

   Every surface, ink and accent value is mnemodo dark's, unchanged. The only
   additions are the lift and the band: dark already raises its panels by
   lightening them, so the shadow seats them rather than raising them, and the
   band is a deep gold at 1.9-3.5:1 on the panel — a coloured edge, not a lit one
   (see lagoon-night for why that ceiling exists). */
:root[data-theme="mnemodo2-night"]{
  color-scheme:dark;

  /* surfaces, by role */
  --bg:#0a1428;              /* the page */
  --surface:#142440;         /* one step up: dials, tag boxes, code */
  --panel:#1e3258;           /* raised: .sec .res .answer .body */
  --panel-2:#2a4170;         /* raised further: chips inside a panel */
  --field:#0a1428;           /* inputs — RECESSED below their panel */
  --rail:rgba(10,20,40,.45); /* the sidebar */

  /* ink */
  --ink:#f5f0e6;
  --ink-dim:#c9bfae;
  --ink-dimmer:#8a8270;

  /* accent */
  --accent:#c9a961;
  --accent-hi:#e8c87a;       /* hover / emphasis — BRIGHTER in dark */
  --accent-lo:#9d8240;
  /* text/glyphs knocked OUT of a gold fill (.btn, .pg.on, .seg button.on …).
     This is the other role that inverts: gold is light in dark mode so the label
     on it is near-black; gold is DARK on paper so the label goes white. Using
     --bg here — as the code used to via --navy-deep — puts paper on paper. */
  --on-accent:#0a1428;

  /* semantic — one red and one green for the whole product (see AGENTS.md) */
  --red:#c4604e;
  --red-ink:#f0c0c0;         /* red TEXT, which needs more contrast than the box */
  --green:#6b9e7c;
  --green-ink:#8fd6a8;

  /* the seven memory-type colours: a 7px dot, a 2px stripe or a glyph, never a fill.
     --t-finding is a rose: the one hue left that no other type holds (claim is
     salmon-orange, summary gold, pattern violet) and 51+ apart in RGB from every
     one of them, which is what keeps a 7px dot tellable apart. */
  --t-source:#c9bfae; --t-atomic:#8fa6d8; --t-qa:#7fb3a8;
  --t-claim:#d08a6e;  --t-summary:#e8c87a; --t-pattern:#b08fd0;
  --t-finding:#d98fb0;
  /* …and the TEXT weights of the two that label things. A pill's text needs more
     contrast than its border, so it is its own token rather than the dot colour. */
  --atomic-ink:#9db9d6;
  --pattern-ink:#cbb0e2;

  /* rgb triples — every alpha tint in the product derives from these */
  --accent-rgb:201,169,97;
  --deep-rgb:10,20,40;       /* was rgba(10,20,40,…) — recessed washes, chip beds */
  --panel-rgb:30,50,88;      /* was rgba(30,50,88,…) — raised washes */
  --panel2-rgb:20,36,64;     /* was rgba(20,36,64,…) — the quieter raised wash */
  --red-rgb:196,96,78;
  --green-rgb:111,191,143;
  --claim-rgb:208,138,110;   /* --t-claim, used as a tint on tension surfaces */
  --atomic-rgb:120,160,200;  /* --t-atomic as a tint (embedding pills) */
  --pattern-rgb:176,143,208; /* --t-pattern as a tint (pattern flags) */
  --ink-dimmer-rgb:138,130,112;
  --shadow-rgb:0,0,0;
  --sheen-rgb:255,255,255;   /* highlights; near-invisible in dark, real in light */

  /* light as a material: the lamp over the top-right of every page */
  /* Borders that some component CSS asks for by these names. They were never
     DEFINED anywhere — `var(--line)` with no fallback resolves to an invalid value,
     which makes border-color fall back to currentColor, so a few panels have been
     outlined in cream text colour rather than a hairline. Defining them fixes that
     and makes them theme. */
  --line:rgba(201,169,97,.18);
  --line-soft:rgba(201,169,97,.10);
  /* the terracotta used for "broken"/"forgotten" affordances in the graph views */
  --rust:#c98b6b;
  /* the digest heat ramp, dim -> bright. On paper it has to run the OTHER way
     (pale -> dark), which is exactly why it cannot stay a hard-coded gold ramp. */
  --hm1:#5d4e2a; --hm2:#8a7238; --hm3:#c9a961; --hm4:#e8c87a;
  /* ingest: a row the pipeline deliberately skipped */
  --s-ignored:#5f6b80;
  /* The wash, on the two FIXED layers (see cockpit.css) rather than on --lamp.
     --lamp is painted on the body, so its percentages resolve against the
     DOCUMENT: on a long page the blooms sit against a box several screens tall
     and the slice that reaches the top of the SCREEN collapses to nothing —
     measured at exactly the flat page colour on a 7,244px page. Fixed layers
     are sized to the viewport and cannot care how tall the document is.
     on a dark ground a wide field turns the whole upper page into a light
     source, so it is kept tight and high.
     mnemodo's own corner lamp, unchanged in hue and barely changed in weight —
     this is the DEFAULT palette and the fade arriving is meant to be noticed only
     if you look for it. The navy trace at the far left is the ground's own colour
     coming back, not a second accent.
  */
  --lamp:none;   /* painted on the fixed layer instead — see --lamp-fixed */
  --lamp-fixed:
    radial-gradient(78vw 62vh at 108% -6%,rgba(201,169,97,.16),transparent 66%),
    radial-gradient(96vw 70vh at 84% -14%,rgba(232,200,122,.08),transparent 64%),
    radial-gradient(95vw 66vh at 52% -22%,rgba(90,130,200,.04),transparent 60%),
    radial-gradient(105vw 72vh at 12% -24%,rgba(90,130,200,.02),transparent 58%);
  /* …and the half that moves: soft blooms, meant to be noticed after a minute
     rather than watched. Its own layer because it animates TRANSFORM only. */
  --lamp-drift:
    radial-gradient(72vw 56vh at 100% 0%,rgba(201,169,97,.07),transparent 62%),
    radial-gradient(84vw 58vh at 66% 2%,rgba(232,200,122,.035),transparent 62%);
  --lift:0 8px 24px -10px rgba(0,0,0,.6);
  --veil:rgba(10,15,25,.55);          /* the busy overlay */
  --dial-on:linear-gradient(180deg,rgba(201,169,97,.24),rgba(201,169,97,.13));
  --graph-bg:#080f1e;                 /* the Mindscape canvas bed */
  --graph-veil:rgba(10,20,40,.7);

  /* Attention that is not an error (the fallback note, provider health, nags).
     In this palette it is the accent hue, exactly as it has always been — the
     tokens exist so a palette CAN split them, not because this one does. */
  --attn-ink:#e8c87a; --attn-rgb:201,169,97; --attn-bed:.10; --attn-bd:.35;

  --panel-lift:0 10px 28px -16px rgba(0,0,0,.6);
  --card-flow:linear-gradient(90deg,#6b5a2c 0%,#9d8240 48%,#7a6636 100%);
}