/* GENERATED by .design-sync/extract-tokens.mjs — do not edit by hand.
   Colour tokens for focusedscopes.com.
   Source: the :root blocks of the marketing site's HTML and CSS files.
   Re-run with --write after changing the site; --check fails on drift. */

:root {
  /* Surfaces, darkest to lightest. --bg-deep is the page background;
     --bg-primary is the default section; cards sit on --bg-card and
     lift to --bg-elevated. */
  --bg-deep: #011820;
  --bg-primary: #012c35;
  --bg-card: #023745;
  --bg-elevated: #025161;

  /* Brand accent. --accent is the teal everything keys off. */
  --accent: #05b8b3;
  --accent-light: #3ee8e0;
  --accent-dark: #037c82;
  --accent-dim: rgba(5,184,179,0.15);

  /* Text, in descending emphasis. */
  --text-primary: #ecf5f6;
  --text-secondary: #8bbfc4;
  --text-muted: #5a9aa3;
  --white: #fff;

  /* Borders are tinted with the accent, never neutral grey. */
  --border-subtle: rgba(5,184,179,0.08);
  --border-default: rgba(5,184,179,0.15);

  /* Status. */
  --green: #28c840;
  --green-dim: rgba(40,200,64,0.15);
  --red: #ef4444;
  --red-dim: rgba(239,68,68,0.15);
  --amber: #ffbd2e;
  --purple: #a78bfa;

  /* Secondary brand, used only on investor-facing surfaces. */
  --gold: #d4a843;
  --gold-dim: rgba(212,168,67,.12);
}

/* Legacy aliases. Most pages still spell the tokens this way; kept so markup
   copied off the live site resolves against this stylesheet. */
:root {
  --bg: var(--bg-primary);
  --surface: var(--bg-card);
  --card: var(--bg-elevated);
  --text: var(--text-primary);
  --text2: var(--text-secondary);
  --text3: var(--text-muted);
}