/* themes/hubiq/theme.css: the HUBIQ theme. Part of hiq-design, branch v2.
 *
 * A theme holds the values that make a site look like itself: its grounds, ink, text
 * roles, hairlines, accent and type families. Everything else (space, type scale, motion,
 * the kit's layout and components) is the shared core, in tokens.css and kit/.
 *
 * EDIT IT HERE ONLY. sync.sh copies the theme a site names in design/.hiq-theme (no file
 * means this one) into design/theme/, and the site imports design/theme/theme.css before
 * the kit. The build fails if the copy is edited in the site, if any contract variable is
 * missing, or if a ground and its text fall below their contrast threshold. The contract
 * is in KIT.md, section 0. The laws and ratios behind these values are in THEME.md, beside
 * this file.
 *
 * Values extracted unchanged on 23 October 2026 from tokens.css and the two sites that
 * had merged them by hand (hubiq-web-v2, atomiq-web), so moving them here changed nothing
 * on either site. Keep the spelling of each value as it is: a custom property keeps its
 * text, so a reformatted value is a different value to the browser.
 */
:root{
  /* ---- ground and text, dark ---- */
  --ink:#000614; --panel:#040B1C;
  --line:rgba(226,238,255,.08); --line2:rgba(226,238,255,.16);
  --paper:#EEF3FA; --muted:#98A6BC; --muted2:#8494AC;

  /* ---- palette. Eleven raw hues and QUIET, never referenced by a component. Who holds
   *      which hue is the lease table in hiq-core-design.md, section 1. ---- */
  --purple:#B833FF; --purple-deep:#7C05F2;
  --blue:#1AD3F0; --green:#A9F20C; --pink:#F005AD;
  --gold:#FFBB00; --indigo:#5271FF; --amber:#FCC01A; --orange:#F78A20;
  --icecyan:#60F1F4; --mint:#B2F8AC;
  --quiet:#A8B6CC;

  /* ---- the accent. --house is this theme's own; --ac, the per-surface accent, is a
   *      core alias of it (tokens.css). --house-2 is the 5Di highlight. ---- */
  --house:var(--green);
  --house-2:var(--orange);

  /* ---- grounds, v2 ---- */
  --ground-paper:#F1F5FA;
  --ground-mist:#DEE3EB;
  --ground-grey:#CAD2DC;
  --ground-grey-deep:#ACB5C1;
  --ground-ink:#000614;
  --ground-panel:#040B1C;
  --ground-forest:#1B330B;

  /* ---- text on the light grounds ---- */
  --ink-body:#2C394A;
  --ink-label:#364355;
  --lead-start:#6D7C8F;

  /* ---- hairlines ---- */
  --rule-light:color-mix(in srgb, var(--ink) 16%, transparent);
  --rule-dark:rgba(226,238,255,.12);

  /* ---- type families, by role. The site loads the faces with next/font as
   *      --font-display (Poppins), --font-grot (Inter Tight) and --font-mono (Space Mono);
   *      the theme decides which face plays which role. The kit reads only the roles. ---- */
  --f-head:var(--font-grot),var(--font-display);
  --f-text:var(--font-grot),var(--font-display);
  --f-display:var(--font-display);
  --f-mono:var(--font-mono);
}