/* LogMan.io palette — LIGHT GROUND (Sept 2026). Same design system as
   TeskaLabs — same type, spacing and components — and, since Sept 2026, the same
   blue palette as teskalabs.com — the two sites are meant to look alike.

   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). --sunken is the one step BELOW the paper: form fields and
     the matrix's group bands. */
  --page: #f4f7fb;
  --surface: #ffffff;
  --surface-2: #f8fbff;
  --sunken: #e9f0f9;
  --hero-ground: #eef4fc;
  --band-ground: #ffffff;

  --line: #d7e3f0;
  --line-strong: #c3d5e8;
  --line-soft: rgba(8, 33, 63, .09);

  --ink: #4a5b6d;
  --ink-strong: #08213f;

  /* The one non-accent hue in the system: marks a value that is a CEILING
     rather than a feature. Deliberately the same amber on both sites —
     deepened for the light ground. */
  --signal: #d14a0f;        /* bright orange (2026-10-17): the pill's border and wash */
  --signal-ink: #ba480f;    /* the same hue a step darker for the TEXT — 4.5:1 on the wash */
  --signal-wash: rgba(209, 74, 15, .10);

  --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-logman.svg?v=20261030110721");
  /* The same ridge under wind streamlines and dust, for a hero with an
     interactive backdrop (`fx:`); also from gen_art.py. */
  --art-flow: url("/static/img/art-logman-flow.svg?v=20261030110721");
}

/* The home, AI, Editions, EPS calculator and Contact heroes wear the lighthouse
   composition: the rook at the far left with its plinth on a sea of data, a
   lit window and a soft yellow cone of light over the water
   (scripts/gen_art_home.py, built from styling/veze/vez-poster.png).
   Since 26 Oct 2026 it comes in two layers: the sea (--art, scaled to the
   full width like every hero's art) and the rook with its light (--rook-src),
   which site.js (section 8) sizes to the free space left of the hero copy,
   stands on the sea's water line and keeps under the header bar. Where there
   is no room for it (tablets, phones, a long headline) — and without
   JavaScript — the rook is simply not drawn, so it never runs under the text.
   The single-file versions (art-logman-home*.svg, one per hero height) are
   still generated, unused; to go back, set --art to them and drop --rook-src.
   The fog effect (`fx: fog`, .hero__fx) keeps running on top, untouched;
   the rules are written to outrank site.css's `.hero[data-fx] .hero__bg`,
   which would otherwise swap in the flow art and size it by height. The
   art stands on the hero's bottom edge, so the foot-of-hero fade into the
   page colour (site.css, .hero__bg::after) is dropped here; the fade under
   the header bar stays. */
[data-page="home"] .hero .hero__bg,
[data-page="home"] .hero[data-fx] .hero__bg,
[data-page="ai"] .hero .hero__bg,
[data-page="ai"] .hero[data-fx] .hero__bg,
[data-page="tiers"] .hero .hero__bg,
[data-page="tiers"] .hero[data-fx] .hero__bg,
[data-page="contact"] .hero .hero__bg,
[data-page="contact"] .hero[data-fx] .hero__bg,
[data-page="eps"] .hero .hero__bg,
[data-page="eps"] .hero[data-fx] .hero__bg {
  --art: url("/static/img/art-logman-sea.svg?v=20261030110721");
  --art-size: 100% auto;
  --rook-src: url("/static/img/art-logman-rook.svg?v=20261030110721");
}
[data-page="home"] .hero__bg::after,
[data-page="ai"] .hero__bg::after,
[data-page="tiers"] .hero__bg::after,
[data-page="contact"] .hero__bg::after,
[data-page="eps"] .hero__bg::after {
  /* Only the strip under the header bar fades; the 40 % fade of the other
     heroes would wash out the rook's top, which reaches the headline. */
  background: linear-gradient(180deg, var(--grad-top) 0%, transparent 16%);
}