/* ─────────────────────────────────────────────────────────────
   Hyveminds — design tokens
   Merged from product/_shared.css :root (lines 6-27) and the
   index.html inline :root (lines 11-69). Values are the source's;
   none were invented. See CLAUDE.md §6.

   ⚠ --amber is blue. The variable name comes from an earlier warm
   palette and the value was later changed to #1A73E8 without a
   rename. It is referenced ~40 times across the design CSS, so the
   name is kept. Do not "fix" it.
   ───────────────────────────────────────────────────────────── */

:root {
  /* paper + ink */
  --paper: #FFFFFF;
  --paper-2: #F3F4F6;
  --paper-3: #E1E4E9;
  --ink: #1B1B1F;
  --ink-2: #3C4043;
  --ink-3: #5F6368;
  --ink-4: #9AA0A6;
  --rule: #1B1B1F14;
  --rule-2: #1B1B1F26;

  /* brand accent — see the note above about the name */
  --amber: #1A73E8;
  --amber-dim: #1A73E814;

  /* Active accent. Product pages override --p / --p-dim / --p-tint
     inline on <body> from the copy schema (CLAUDE.md §5.5.4);
     everywhere else the active accent follows the brand accent, so
     --p is safe to use in every rule. */
  --p: var(--amber);
  --p-dim: var(--amber-dim);
  --p-tint: #1A73E826;

  /* Per-product accents, index.html set — the home page renders
     these, so they are the working default until the client
     resolves CLAUDE.md §2.3 defect 2 / §14.1. */
  --p-sim: #D93025;
  --p-sim-dim: #D9302514;
  --p-strategy: #2E5FE8;
  --p-strategy-dim: #2E5FE814;
  --p-quanti: #1A73E8;
  --p-quanti-dim: #1A73E814;
  --p-quali: #8430CE;
  --p-quali-dim: #8430CE14;
  --p-lexis: #E37400;
  --p-lexis-dim: #E3740014;
  --p-huddle: #188038;
  --p-huddle-dim: #18803814;
  --p-maps: #007B83;
  --p-maps-dim: #007B8314;
  --p-phonos: #1A73E8;
  --p-phonos-dim: #1A73E814;

  /* type */
  --serif: 'Bricolage Grotesque', 'Public Sans', system-ui, sans-serif;
  --sans: 'Public Sans', system-ui, -apple-system, sans-serif;
  --label: 'Jost', 'Public Sans', system-ui, sans-serif;
  --mono: 'Martian Mono', ui-monospace, Menlo, monospace;
  --read: 'Newsreader', Georgia, serif;

  /* layout */
  --maxw: 1320px;
  --gut: 48px;
}

/* Dark shell. Driven by a `select` field in the copy schema, written
   as data-shell on <body>. */
[data-shell="dark"] {
  --paper: #17181C;
  --paper-2: #202124;
  --paper-3: #2D2F33;
  --ink: #E8EAED;
  --ink-2: #BDC1C6;
  --ink-3: #9A9384;
  --ink-4: #6B6557;
  --rule: #E8EAED1F;
}

/* Accent variants. Also a schema `select`. */
[data-accent="cool"] {
  --amber: #0F9D58;
  --amber-dim: #0F9D5814;
  --p-tint: #0F9D5826;
}

[data-accent="forest"] {
  --amber: #8430CE;
  --amber-dim: #8430CE14;
  --p-tint: #8430CE26;
}

[data-accent="ink"] {
  --amber: var(--ink);
  --amber-dim: #1816131A;
  --p-tint: #18161326;
}

@media (max-width: 980px) {
  :root {
    --gut: 24px;
  }
}