/*
 * HyperContent.AI — Aurora Black (Brand Guide v1), mapped onto the core portal's design tokens
 * (core portal/src/styles.css :root). Dark is the default; light is the Off-White variant.
 *
 * Rules from the guide:
 *   --accent (Aurora #FF2D9B) is the one accent: links, primary buttons, focus, the `.AI` in the wordmark.
 *   --uv (#7B3FFF) is for backgrounds only (glows, gradients), never text or controls.
 *   --signal (#FFE600) is for metrics only (numbers on dashboards), never decoration.
 *   DM Sans for everything; mono stays a mono stack for code and ids.
 *
 * The core portal imports this file as @brand/tokens.css, before its own styles.css. The variable
 * names are the core's (its distributions/rnd/tokens.css); --uv, --signal, --faint, --accent-hover and
 * --err are HC's own additions.
 */
:root{
  color-scheme:dark;
  --bg:#06060E; --surface:#0E0E1A; --tint:#16161F; --ink:#F0F0F8; --muted:#7A7A96; --faint:#3A3A52;
  /* the main button's text (on-accent), dark ink on Aurora, 5.87:1 (WCAG AA), as in light mode. scripts/wordmark.test.ts
     checks it in both modes. Comments here never name a token followed by a colon: the core reads that as a declaration */
  --rule:#3A3A52; --rule-strong:#F0F0F8; --accent:#FF2D9B; --accent-hover:#FF44A8; --on-accent:#06060E; --accent-ink:#FF44A8;
  --uv:#7B3FFF; --signal:#FFE600;
  --ok:#3ECFAA; --ok-bg:#0D2621; --warn:#FFE600; --warn-bg:#26240A; --fail:#FF4545; --fail-bg:#2A0E12;
  --err:#FF4545;
  /* --pending 4.51:1 on --pending-bg (WCAG AA; was #7A7A96, 4.32:1) */
  --note:#A58BFF; --note-bg:#17122E; --pending:#7D7D99; --pending-bg:#16161F;
  --serif:"DM Sans Variable","DM Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --sans:"DM Sans Variable","DM Sans",-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  --radius:4px;
  /* the verdict codes on the landing page's wire, an --ink band (light here, so darker codes): 4.55:1 and 4.50:1
     on --ink (WCAG AA; were #3ECFAA 1.73:1 and #FF6B8A 2.40:1) */
  --wire-ok:#1F7B64; --wire-fail:#DD002E;
}
/* Off-White light mode: only when the visitor picks it (defaultTheme: 'dark' ignores the system setting). */
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F4F3FA; --surface:#FFFFFF; --tint:#EAE8F4; --ink:#06060E; --muted:#6A6A80; --faint:#C9C7DA;
  /* on-accent, the main button's text: dark ink on Aurora, 5.87:1 (WCAG AA; was #FFFFFF, 3.44:1).
     accent-ink, accent text on its 14% tint over the background: 4.51:1 (was #C2106F, 4.41:1) */
  --rule:#D9D7E6; --rule-strong:#06060E; --accent:#FF2D9B; --accent-hover:#FF44A8; --on-accent:#06060E; --accent-ink:#BF106E;
  /* status chips on their -bg, WCAG AA: --ok 4.53:1, --warn 4.52:1, --fail 4.52:1 (were #1C8A6E 3.69:1,
     #8A6D00 4.39:1, #D12B2B 4.12:1) */
  --ok:#197A61; --ok-bg:#DDF3EC; --warn:#886B00; --warn-bg:#FBF3C8; --fail:#C52929; --fail-bg:#FBE0E0;
  --err:#D12B2B;
  /* --pending 4.55:1 on --pending-bg (WCAG AA; was #6A6A80, 4.35:1) */
  --note:#5B2FD6; --note-bg:#E9E2FF; --pending:#67677D; --pending-bg:#EAE8F4;
  /* the wire's --ink band is dark here: the bright codes, 10.30:1 and 7.42:1 on --ink */
  --wire-ok:#3ECFAA; --wire-fail:#FF6B8A;
}
body{color:var(--ink)}
:root[data-theme="light"] body{color:#444455}
/* "Beta" pill beside the header's wordmark (portal and public pages; not the footer's). The wordmark is
   already inline-flex, align-items:center; the pill keeps its own size and never wraps on a phone. */
.lp-head > .wordmark::after, .top-in > .wordmark::after{
  content:"Beta"; flex:none; margin-left:var(--space-2); padding:2px var(--space-2);
  font:600 var(--fs-xs)/1.2 var(--sans); letter-spacing:.02em; text-transform:none; white-space:nowrap;
  color:var(--accent-ink); border:1px solid currentColor; border-radius:999px;
}