/* Savyren brand tokens — source of truth for colors / type / radius.
   Do not invent alternate brand colors in page CSS. Import this file. */

@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Instrument+Sans:wght@400;500;600;700&family=Newsreader:ital,opsz,wght@0,6..72,400;0,6..72,600;1,6..72,400&display=swap");

:root {
  /* Core */
  --sav-bg: #f4f2ec;
  --sav-surface: #faf9f5;
  --sav-ink: #171816;
  --sav-text: var(--sav-ink);
  --sav-muted: #6b6d67;
  --sav-line: #d5d1c7;
  --sav-border: var(--sav-line);
  --sav-soft: #e9e6de;

  /* Accent */
  --sav-accent: #1e5148;
  --sav-accent-soft: #dce8e3;
  --sav-accent-ink: #123b35;

  /* Pressure / warning (functional, not decorative brand) */
  --sav-pressure: #a54a34;
  --sav-pressure-soft: #f0ded8;

  /* Typography */
  --sav-font-sans: "Instrument Sans", sans-serif;
  --sav-font-serif: "Newsreader", Georgia, serif;
  --sav-font-mono: "IBM Plex Mono", ui-monospace, monospace;

  /* Shape */
  --sav-radius: 8px;
  --sav-radius-sm: 6px;
  --sav-radius-lg: 12px;

  /* Layout */
  --sav-max: 1200px;
  --sav-text-measure: 36rem;
}