/* Design tokens: the one place to change the accent colour and fonts.
   Every page loads this before styles.css, and so does the password page.
   Swapping fonts: change the @import URL and --sans / --mono / --display together. */
@import url("https://fonts.googleapis.com/css2?family=Geist+Mono:wght@400&family=Geist:wght@400;600&family=Instrument+Sans:wght@400;600&display=swap");

:root {
  /* Accent: muted brass. One colour, used sparingly: link underlines, buttons, focus rings, hover states.
     Contrast: #C9A66B on #121316 is 8.1:1; #7D5A1E on #fafaf8 is 6.0:1 (5.4:1 on --card). */
  --brand: #C9A66B;             /* fills only: buttons, underlines */
  --on-brand: #121316;          /* text on a --brand fill (8.1:1) */
  --brand-text-dark: #C9A66B;   /* the accent as text on dark paper (keep 4.5:1 or better) */
  --brand-text-light: #7D5A1E;  /* the accent as text on light paper (keep 4.5:1 or better) */

  /* Practice colours: the three practice rings of the logo, never UI accents.
     Fixed in both themes, taken from brand/select-logos-new.svg. */
  --consulting: #2B8FD6;        /* Diagnostic Consulting: 5.3:1 dark, 3.3:1 light */
  --training: #2E9E6E;          /* Prodigy Training Seminars: 5.5:1 dark, 3.2:1 light */
  --sales: #C08A3E;             /* Select Product Sales: 6.1:1 dark, 2.9:1 light */
  --mark-off: #454A53;          /* the unlit rings of a practice lockup, on dark paper */

  /* Type */
  --sans: "Geist", system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: "Geist Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --display: "Instrument Sans", "Geist", system-ui, sans-serif;  /* wordmarks and practice-name headings only */

  /* Dark theme: charcoal paper, off-white ink. theme.js picks dark or light from the OS, or the visitor's choice. */
  color-scheme: dark;
  --paper: #121316;
  --ink: #ededea;
  --muted: #9b9ea6;
  --line: #2a2c31;
  --card: #1b1c20;
  --accent: var(--brand-text-dark);
  --link: var(--ink);           /* links sit in body colour; the accent underline marks them */
  --error: #ff8a8e;
}

:root[data-theme="light"] {
  color-scheme: light;
  --paper: #fafaf8;
  --ink: #17181b;
  --muted: #62656d;
  --line: #e4e2dd;
  --card: #f0efeb;
  --accent: var(--brand-text-light);
  --link: var(--brand-text-light);
  --error: #c62a2f;
  --mark-off: #C7C3B9;
}