/* indigo — cool grey and one saturated accent. The most conservative reading of
   the reference: its selected-card border, essentially. Nothing in the token file
   has to bend for it, which is why it is the cheapest cut to ship.
   THE LAW: LIGHT FLOATS. */
:root[data-theme="indigo"]{
  color-scheme:light;

  --bg:#edeef2;               /* grey biased toward the accent, not neutral */
  --surface:#f7f8fc;
  --panel:#ffffff;
  --panel-2:#eef0f6;
  --field:#f1f2f7;
  --rail:#e7e9f0;

  --ink:#171a21;
  --ink-dim:#414855;
  --ink-dimmer:#666e7d;

  --accent:#4136d9;           /* 7.6:1 on the card — the most headroom in the family */
  --accent-hi:#2a1f9e;
  --accent-lo:#8c86ee;
  --on-accent:#ffffff;

  /* --red is a truer red than the coral it started as: at #dc5140 it sat 13 apart
     from --t-claim, so an error box and a claim dot were the same colour. */
  --red:#c93a2b;
  --red-ink:#b33322;
  --green:#3ea476;
  --green-ink:#1f7b52;

  --t-source:#6f7787; --t-atomic:#3b6fd4; --t-qa:#0e8c93;
  --t-claim:#dc5a3c;  --t-summary:#a87a0c; --t-pattern:#7a4bd0;
  --t-finding:#c3357f;
  --atomic-ink:#3c5aa8;
  --pattern-ink:#6b45a5;

  --accent-rgb:65,54,217;
  --deep-rgb:214,218,232;
  --panel-rgb:226,229,241;
  --panel2-rgb:234,236,245;
  --red-rgb:201,58,43;
  --green-rgb:62,164,118;
  --claim-rgb:220,90,60;
  --atomic-rgb:59,111,212;
  --pattern-rgb:122,75,208;
  --ink-dimmer-rgb:102,110,125;
  --shadow-rgb:92,100,130;
  --sheen-rgb:23,26,33;

  --line:rgba(23,26,33,.10);
  --line-soft:rgba(23,26,33,.06);
  --rust:#b8502c;
  --hm1:#e6e9fb; --hm2:#b9b4f0; --hm3:#6f63e0; --hm4:#3a2ea8;
  --s-ignored:#6b7280;
  /* 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 reaching the top of the viewport collapses — the corner fade shows
     for the instant before layout and is then effectively gone. Fixed layers are
     sized to the viewport instead. Same idea prism lime shipped; the rest of the
     family never got it.
     Weighted to the upper RIGHT: the light arrives in the corner the utility
     cluster sits in and fades out across the page, so the top of every screen sits
     INSIDE a colour rather than under the edge of one. */
  --lamp:none;   /* painted on the fixed layer instead — see --lamp-fixed */
  --lamp-fixed:
    radial-gradient(105vw 72vh at 118% -14%,rgba(245,185,66,.30),transparent 64%),
    radial-gradient(112vw 76vh at 88% -18%,rgba(220,90,60,.22),transparent 66%),
    radial-gradient(95vw 66vh at 58% -22%,rgba(122,75,208,.16),transparent 62%),
    radial-gradient(105vw 72vh at 22% -24%,rgba(14,140,147,.12),transparent 60%),
    radial-gradient(100vw 68vh at -8% -26%,rgba(59,111,212,.09),transparent 58%);
  /* …and the half that moves: two big soft blooms, noticed after a minute rather
     than watched. A separate layer because it animates TRANSFORM only. */
  --lamp-drift:
    radial-gradient(92vw 64vh at 92% 0%,rgba(245,185,66,.18),transparent 62%),
    radial-gradient(88vw 60vh at 62% 6%,rgba(122,75,208,.11),transparent 62%);
  --lift:0 1px 2px rgba(92,100,130,.10),0 10px 28px -14px rgba(92,100,130,.45);
  --veil:rgba(237,238,242,.75);
  --dial-on:rgba(65,54,217,.10);
  --graph-bg:#f7f8fc;
  --graph-veil:rgba(255,255,255,.80);

  --panel-lift:0 1px 2px rgba(92,100,130,.10),0 10px 28px -14px rgba(92,100,130,.45);
  --card-flow:linear-gradient(90deg,#4136d9 0%,#8c86ee 46%,#b9b4f0 100%);

  --attn-ink:#2a1f9e; --attn-rgb:65,54,217; --attn-bed:.10; --attn-bd:.35;
}

:root[data-theme="indigo"]{
  --bd:1px solid rgba(23,26,33,.10);
  --bd-soft:1px solid rgba(23,26,33,.06);
  --bd-firm:1px solid rgba(23,26,33,.22);
  --wash:rgba(var(--accent-rgb),.08);
}
