/* Re-themes the four tools onto the brainai.store palette.
   The tools share one token vocabulary (--s0..--s5 surfaces, --t1..--tmute text,
   --acc accent, --bd borders), so remapping the tokens does most of the work.
   `html:root` outranks the tools' own `:root`, whatever order the sheets load in.
   Hard-coded colours the tokens can't reach are fixed per tool in the tool's
   own app/brand-overrides.css. */

html:root {
  /* surfaces: s0 is the page, higher numbers sit on top */
  --s0: #f2f3ee;
  --s1: #fbfbf8;
  --s2: #ffffff;
  --s3: #eceee7;
  --s4: #e2e5dc;
  --s5: #d3d6cc;
  --s-overlay: rgba(242, 243, 238, 0.9);

  /* text */
  --t1: #15171a;
  --t2: #3a3e45;
  --t3: #545962;
  --tmute: #6a6f77;

  /* accent: the brand's signal blue replaces Floor's orange */
  --acc: #2638d9;
  --acc-bright: #3548e6;
  --acc-dim: #1d2cb0;
  --acc-soft: rgba(38, 56, 217, 0.09);
  --acc-med: rgba(38, 56, 217, 0.16);
  --acc-glow: rgba(38, 56, 217, 0.18);
  --acc-glow-dim: rgba(38, 56, 217, 0.1);
  --acc-text: #ffffff;
  --bd-accent: rgba(38, 56, 217, 0.35);

  /* semantic colours, darkened to read on a light page */
  --info: #2f5bd3;
  --info-soft: rgba(47, 91, 211, 0.1);
  --ok: #0b6b43;
  --ok-soft: rgba(11, 107, 67, 0.1);
  --warn: #8a5a00;
  --warn-soft: rgba(197, 132, 0, 0.12);
  --danger: #b3261e;
  --danger-soft: rgba(179, 38, 30, 0.08);
  --violet: #6b3fc4;
  --violet-soft: rgba(107, 63, 196, 0.1);

  /* borders */
  --bd-soft: rgba(21, 23, 26, 0.06);
  --bd: rgba(21, 23, 26, 0.12);
  --bd-strong: rgba(21, 23, 26, 0.22);

  /* elevation: light shadows */
  --elev1: 0 1px 2px rgba(21, 23, 26, 0.06);
  --elev2: 0 4px 14px rgba(21, 23, 26, 0.07), 0 1px 2px rgba(21, 23, 26, 0.05);
  --elev3: 0 14px 40px rgba(21, 23, 26, 0.1), 0 2px 6px rgba(21, 23, 26, 0.05);
  --elev4: 0 24px 56px rgba(21, 23, 26, 0.12);
  --elev-acc: 0 4px 14px rgba(38, 56, 217, 0.22);

  /* type: the brand face everywhere, the system mono for code-like values */
  --display: var(--b-font);
  --body: var(--b-font);
  --ui: var(--b-font);
  --mono: ui-monospace, 'SF Mono', 'Cascadia Mono', Menlo, Consolas, monospace;

  color-scheme: light;
}

html body {
  background: var(--b-ground);
  color: var(--b-ink);
  font-family: var(--b-font);
}

/* Text set on the accent colour must be white on blue, not the old dark-on-orange. */
html body ::selection { background: rgba(38, 56, 217, 0.18); color: inherit; }

/* Floor painted glows behind every page and gradient-filled headline words.
   On this site the page is plain chalk and headlines are plain ink. */
html body::before { display: none !important; }
html body .grad {
  background: none !important;
  -webkit-text-fill-color: currentColor !important;
  color: inherit !important;
}

/* The all-caps eyebrow over each tool's headline repeated the headline in
   9-10px type; the page reads better without it. */
html body .hero .eyebrow { display: none !important; }

/* Nothing on the site is set below 12px. */
html body .drop__or,
html body .trustbar__l,
html body .how__n,
html body .eyebrow { font-size: 12px !important; }