/* lagoon night — the same bay, lights out.
   THE LAW: DARK EMITS. Note what this file deliberately does NOT do: it does not
   carry lagoon's "floats" law over. On a dark ground the house law is already
   right, so panels RISE, --field recesses to page level, hairlines go türkis (an
   accent hairline works on dark — that is why mnemodo dark draws them in gold),
   and --lamp is a real glow. Only the palette crosses over.

   Dark is the easier half of this palette. Every bright value that could not
   carry text on white does so here: türkis is 6.1:1 on a panel, and the full
   spectrum finally works as 7px marks (closest pair 81 apart, against 41 in
   mnemodo dark). */
:root[data-theme="lagoon-night"]{
  color-scheme:dark;

  --bg:#071b20;               /* deep water */
  --surface:#0d2a30;
  --panel:#123840;            /* raised, because dark emits */
  --panel-2:#1a4b55;
  --field:#071b20;            /* recessed to page level, as in mnemodo dark */
  --rail:rgba(4,16,19,.5);

  --ink:#e8f6f7;
  --ink-dim:#a9c6ca;
  --ink-dimmer:#8aa8ae;

  /* no --accent-br: on dark the accent already IS the bright value, so a filled
     control falls through var(--accent-br,var(--accent)) and needs no extra
     token. --on-accent goes back to near-black. */
  --accent:#2dc7d2;
  --accent-hi:#6ee9f2;        /* hover moves toward BRIGHTNESS in the dark */
  --accent-lo:#238f99;
  --on-accent:#04252a;

  --red:#e8604c;
  --red-ink:#ffb3a5;          /* red TEXT needs more contrast than the box */
  --green:#3fd39a;
  --green-ink:#7ceec0;

  /* the whole screenshot spectrum, finally usable as marks */
  --t-source:#b9cccf; --t-atomic:#7fb0ff; --t-qa:#a8dc46;
  --t-claim:#ff8a5c;  --t-summary:#ffd166; --t-pattern:#c39bff;
  --t-finding:#ff7ab8;
  --atomic-ink:#9cc3ff;
  --pattern-ink:#d3b6ff;

  --accent-rgb:45,199,210;
  --deep-rgb:4,16,19;         /* recessed washes and chip beds */
  --panel-rgb:18,56,64;
  --panel2-rgb:13,42,48;
  --red-rgb:232,96,76;
  --green-rgb:63,211,154;
  --claim-rgb:255,138,92;
  --atomic-rgb:127,176,255;
  --pattern-rgb:195,155,255;
  --ink-dimmer-rgb:138,168,174;
  --shadow-rgb:0,0,0;
  --sheen-rgb:255,255,255;

  --line:rgba(45,199,210,.20);
  --line-soft:rgba(45,199,210,.11);
  --rust:#e08a5c;
  --hm1:#3d2a12; --hm2:#7a5218; --hm3:#d98f28; --hm4:#ffc46b;  /* dim → bright */
  --s-ignored:#5f7378;
  /* an aurora over the bay rather than a wash: türkis in, sun out */
  /* 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.
     The same left-to-right order as lagoon's light half: bay water on the left,
     sun in the RIGHT corner. Which is worth stating because it looks backwards —
     the palette is named for the türkis and the corner is amber. That is the
     picture: you are looking at water with the sun coming in over it.
  */
  --lamp:none;   /* painted on the fixed layer instead — see --lamp-fixed */
  --lamp-fixed:
    radial-gradient(78vw 62vh at 108% -6%,rgba(255,196,107,.17),transparent 66%),
    radial-gradient(96vw 70vh at 84% -14%,rgba(250,150,60,.13),transparent 64%),
    radial-gradient(95vw 66vh at 52% -22%,rgba(143,227,233,.07),transparent 60%),
    radial-gradient(105vw 72vh at 12% -24%,rgba(45,199,210,.10),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(250,150,60,.08),transparent 62%),
    radial-gradient(84vw 58vh at 66% 2%,rgba(45,199,210,.05),transparent 62%);
  --lift:0 8px 26px -10px rgba(0,0,0,.65);
  --veil:rgba(4,14,17,.58);
  --dial-on:rgba(45,199,210,.20);
  --graph-bg:#04141a;
  --graph-veil:rgba(7,27,32,.72);

  /* Same family rule as lagoon: the note reads in ink — which is near-white here
     — on an orange bed. On dark the bed alpha goes DOWN and the border alpha UP,
     because orange at .20 over a teal panel composites to olive: the panel's blue
     channel drags it. So the bed stays a hint and the border does the talking. */
  --panel-lift:0 10px 28px -16px rgba(0,0,0,.55);
  /* Darker than the light half's, and deliberately so. DARK EMITS is about the
     accent and the lamp — a full-width saturated strip on every card is a lot of
     light, and against a #123840 panel the bright version measured 6-9:1, which
     reads as a lit edge rather than a coloured one. These sit at 2.2-3.1:1: the
     same türkis-to-sun sweep, as an edge you notice rather than one that glows. */
  --card-flow:linear-gradient(90deg,#14707a 0%,#1d8b94 34%,#8a5f22 74%,#a06a1e 100%);

  --attn-ink:#e8f6f7; --attn-rgb:255,168,74; --attn-bed:.13; --attn-bd:.78;
}