/*
 * Nuvello Brochure Studio design tokens. Change the palette here only.
 * Brand Guidelines 2026 colours (sage, sand, charcoal) with a deep-forest frame and
 * muted-gold accents. Gold is for lines, icons and text on the dark frame only: on the
 * light canvas it doesn't meet WCAG AA contrast for text.
 * Fonts are served locally from @fontsource (Cinzel headings, Montserrat body; Gotham
 * replaces Montserrat once licensed, SRS Q4).
 */

@font-face { font-family: "Cinzel"; font-weight: 500; font-display: swap; src: url("/fonts/cinzel/cinzel-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Cinzel"; font-weight: 600; font-display: swap; src: url("/fonts/cinzel/cinzel-latin-600-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 400; font-display: swap; src: url("/fonts/montserrat/montserrat-latin-400-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 500; font-display: swap; src: url("/fonts/montserrat/montserrat-latin-500-normal.woff2") format("woff2"); }
@font-face { font-family: "Montserrat"; font-weight: 600; font-display: swap; src: url("/fonts/montserrat/montserrat-latin-600-normal.woff2") format("woff2"); }

:root {
  /* Frame */
  --forest-deep: #1C241E;
  --forest: #252F28;
  --forest-2: #303C34;
  --forest-3: #3D4A41;
  --on-forest: #F4F1EA;
  --on-forest-muted: #C9C6B8;

  /* Canvas and surfaces */
  --canvas: #FBF9F5;
  --surface: #FFFFFF;
  --sand: #EBE0D0;
  --sand-2: #E5DAC8;
  --line: #E4DED2;

  /* Text */
  --ink: #1F2420;
  --text: #454845;
  --muted: #5F625C;

  /* Brand accents */
  --sage: #91937C;
  --sage-dark: #6F7159;
  --gold: #B39B6B;
  --gold-soft: #E9DFC8;
  --gold-wash: #F6F0E3;
  --gold-light: #E8D9B5;   /* text on the dark frame */
  --gold-dark: #8C6D3A;    /* buttons: white text passes AA */
  --gold-deeper: #76592C;

  /* Status (text / background pairs, all AA) */
  --ok: #2F6B3A;      --ok-bg: #E3EFE3;
  --warn: #7A5200;    --warn-bg: #FBEFD5;
  --bad: #8E2B22;     --bad-bg: #F6E1DD;
  --info: #2C4F5E;    --info-bg: #E4EDF1;
  --neutral: #4F524D; --neutral-bg: #ECEAE5;

  /* Type */
  --head: "Cinzel", Georgia, serif;
  --body: "Gotham", "Montserrat", "Helvetica Neue", Arial, sans-serif;

  /* Shape */
  --radius: 12px;
  --radius-sm: 8px;
  --shadow: 0 1px 2px rgba(37, 47, 40, .06), 0 6px 18px rgba(37, 47, 40, .06);
  --shadow-lg: 0 10px 40px rgba(20, 26, 22, .25);
  --sidebar: 248px;
  --appbar: 63px;
}