/*
  ShareSchooling theme — PLACEHOLDER brand.
  Every color and font for the whole site lives here. Change a value once
  and it updates on every page.
*/
:root {
  /* Colors */
  --color-bg: #fbf7f0;          /* page background (warm cream) */
  --color-surface: #ffffff;     /* cards, panels */
  --color-surface-alt: #f3ece0; /* soft panels, hero */
  --color-text: #2b2621;        /* main text */
  --color-text-muted: #5f564c;  /* secondary text */
  --color-border: #ddd2c1;

  --color-primary: #1f5f5b;       /* deep teal: links, buttons */
  --color-primary-hover: #174a47;
  --color-primary-contrast: #ffffff;
  --color-accent: #b9532a;        /* terracotta: highlights */
  --color-accent-soft: #f7e3d6;
  --color-sun: #f4b860;           /* warm yellow: featured */

  --color-map-state: #d9cdb8;     /* states with no data yet */
  --color-map-active: #2f7a74;    /* example states / counties */
  --color-map-hover: #b9532a;
  --color-map-stroke: #fbf7f0;

  --color-status-verified: #1d6b3a;
  --color-status-claimed: #2b5c8a;
  --color-status-unclaimed: #6b5f52;

  --color-banner-bg: #3a2f26;
  --color-banner-text: #fff4e2;
  --color-focus: #e08a00;

  /* Fonts (system fonts only, so nothing extra to download) */
  --font-heading: Georgia, "Iowan Old Style", "Palatino Linotype", serif;
  --font-body: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

  /* Shape */
  --radius: 12px;
  --radius-small: 6px;
  --shadow: 0 1px 2px rgba(43, 38, 33, 0.08), 0 4px 14px rgba(43, 38, 33, 0.06);
  --content-width: 1120px;
}