/* TeskaLabs palette — LIGHT GROUND (Sept 2026).

   The site runs on near-white paper, the way the TeskaLabs apparel does: a
   pale cool ground, deep navy display type, one bright signature blue for the
   marks, rules and graphics. site.css references these only through custom
   properties, so a new site is a theme file, not a fork.

   THREE BLUES, and they are not interchangeable:
     --accent      the bright signature blue. GRAPHICS ONLY — rules, bars,
                   dots, icon chips, the low-poly art. It is 3.5:1 on this
                   ground, so it may not carry small text.
     --accent-ink  the same hue darkened until it is safe as TEXT (6.4:1) and
                   as a fill behind white text. Headings, eyebrows, labels,
                   links, the primary button.
     --accent-dark one step darker again: the button's hover state. */
:root {
  --accent:      #1e85f2;   /* signature blue — graphics, never small text */
  --accent-dark: #0a4a95;
  --accent-ink:  #0d5db5;   /* text-safe accent: headings, labels, buttons */

  /* Grounds. --page is the paper; --surface is a card ON the paper (lighter,
     not darker — that inversion is what makes the light scheme read as
     printed rather than as a dimmed dark scheme). --sunken is the one step
     BELOW the paper: form fields and the matrix's group bands. */
  --page:         #f4f7fb;
  --surface:      #ffffff;
  --surface-2:    #f8fbff;   /* the same panel raised (hover) */
  --sunken:       #e9f0f9;
  --hero-ground:  #eef4fc;   /* hero + CTA panel */
  --band-ground:  #ffffff;   /* header, footer, demo band, drawer */

  --line:         #d7e3f0;   /* a visible hairline */
  --line-strong:  #c3d5e8;   /* a divider that has to hold on white */
  --line-soft:    rgba(8, 33, 63, .09);

  --ink:          #4a5b6d;   /* body copy — 6.3:1 on the paper */
  --ink-strong:   #08213f;   /* a heading, a figure, a value */

  /* The one non-accent hue in the system: marks a value that is a CEILING
     rather than a feature ("up to 50 detections"), so a cap is never read as
     just another tick. Deliberately the same amber on both sites — deepened
     for the light ground, where the dark scheme's #f2a24d disappeared. */
  --signal:      #a85410;
  --signal-wash: rgba(168, 84, 16, .10);

  /* hero / CTA backdrop. On light these are washes, not glows: the hero is
     paper with a blue haze rising off the bottom edge, under the ridge. */
  --glow:        rgba(30, 133, 242, .20);
  --glow-mid:    rgba(30, 133, 242, .07);
  --grad-top:    #ffffff;
  --grad-mid:    #f3f8fe;
  --grad-bottom: #e2edfb;

  /* The hero / CTA backdrop art — low-poly ridge, node net and the rook,
     the composition from the TeskaLabs apparel. Generated per site by
     scripts/gen_art.py with the accent baked in; re-run it after changing
     --accent. Used as a background LAYER, so it is fetched once. */
  --art: url("/static/img/art-teskalabs.svg");
}