/*
 * Sovereign Mind design tokens — the single source of the look of every
 * sovereign-mind.eu site. Interim values: GrayC corporate design. To switch
 * to a Sovereign Mind brand, change the values (and fonts/logo) here only.
 * Fonts are self-hosted; the consuming site serves design/fonts/ at /fonts/.
 */
@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("/fonts/montserrat-latin-600-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Montserrat";
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("/fonts/montserrat-latin-700-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/fonts/roboto-latin-400-normal.woff2") format("woff2");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("/fonts/roboto-latin-500-normal.woff2") format("woff2");
}

:root {
  color-scheme: light dark;

  --sm-accent: #FD8E4A;        /* accent, buttons, active states, progress */
  --sm-accent-hover: #E57A36;  /* hover/pressed fills only — not a text colour */
  --sm-accent-text: #A85410;   /* links and accent text on light (4.9:1 on --sm-bg) */
  --sm-ink: #2E4656;           /* text, headings, dark surfaces */
  --sm-on-accent: #1B2B36;     /* text on orange (6.3:1) */
  --sm-bg: #F5F6F7;
  --sm-surface: #FFFFFF;
  --sm-border: #C3D0D8;

  --sm-font-heading: "Montserrat", "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --sm-font-body: "Roboto", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;

  --sm-radius: 8px;
  --sm-space: 1rem;
  --sm-measure: 42rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --sm-accent-text: #FD8E4A;  /* the brand orange clears 4.5:1 on petrol */
    --sm-ink: #E7ECEF;
    --sm-bg: #1B2A35;
    --sm-surface: #22333F;
    --sm-border: #3A5163;
  }
}