/* The Summit California — brand tokens
   v3 (2026-10-31): gold and green follow the FINAL FLYER (#b1792f / #2d4b34); gold used for text and buttons is
   darkened to pass WCAG AA. Original site values were read from thesummitca.com's Webflow stylesheet on 2026-10-24.
   See ../../../../brand-kit.md for roles, contrast checks, and font notes. */

:root {
  /* Color — as published by the site */
  --summit-gold: #b1792f;          /* FLYER gold (decorative / large only: 3.7:1 on white) */
  --summit-gold-deep: #9a6724;     /* flyer gold darkened for AA: white on it 4.8:1 (buttons, gold text) */
  --summit-gold-olive: #815620;    /* hover / header bar: white on it 6.4:1 */
  --summit-gold-bright: #e0b15c;   /* light gold for accents on dark green: 4.9:1 on #2d4b34 */
  --summit-green: #2d4b34;         /* FLYER green */
  --summit-green-deep: #2d4b34;    /* FLYER green (dark sections, headings): white on it 9.7:1 */
  --summit-green-teal: #2d4b34;    /* eyebrow + focus use the flyer green */
  --summit-cream: #f5f1ea;         /* site mobile menu */
  --summit-offwhite: #f9f8f5;      /* site section background */
  --summit-white: #ffffff;
  --summit-ink: #222222;           /* site dark text */

  /* Roles (AA-checked pairs noted in brand-kit.md) */
  --color-primary: var(--summit-gold-deep);        /* white text on it = 4.6:1 */
  --color-primary-hover: var(--summit-gold-olive); /* white text on it = 5.5:1 */
  --color-primary-text: var(--summit-gold-olive);  /* gold text on white/offwhite = 5.5 / 5.2:1 (the raw #96772c fails at 4.2 / 4.0) */
  --color-secondary: var(--summit-green);
  --color-secondary-deep: var(--summit-green-deep);
  --color-accent: var(--summit-gold-bright);       /* decoration or large text on dark green only */
  --color-bg: var(--summit-white);
  --color-bg-soft: var(--summit-offwhite);
  --color-bg-warm: var(--summit-cream);
  --color-text: var(--summit-ink);
  --color-text-muted: #4a4a4a;                     /* 8.9:1 on white */
  --color-border: rgba(177, 121, 47, 0.3);         /* site --dark-goldenrod-20 family */
  --color-focus: var(--summit-green-teal);
  --color-error: #a61b1b;                          /* not on the site; added for validation, 7.1:1 on white */

  /* Type — site uses Playfair Display (headings), Lato (body); both are free Google Fonts */
  --font-heading: "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body: "Lato", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;

  /* Shape — the site uses pill buttons (60px radius) and 5–10px card radii */
  --radius-pill: 60px;
  --radius-card: 10px;
  --radius-field: 5px;

  /* Spacing + layout */
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 1.5rem;
  --space-4: 2.5rem;
  --space-5: 4rem;
  --space-6: 6rem;
  --content-width: 72rem;
  --reading-width: 40rem;
}