/* theme-editorial.css — a calm, light "editorial" skin: warm off-white paper, a serif
   display face for headings (no Inter/Roboto), hairline borders, restrained indigo accent.
   Load AFTER base.css (index.html links both); this file only sets the palette. */
:root {
  --font: system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;
  --font-ui: var(--font);
  --font-mono: ui-monospace, "Cascadia Code", "SF Mono", Consolas, monospace;
  --color-scheme: light;

  --bg: #f7f5f0;
  --bg-image:
    radial-gradient(circle at 12% -8%, rgba(63,80,163,.05), transparent 42%),
    radial-gradient(circle at 92% 0%, rgba(47,134,89,.045), transparent 40%);
  --text: #23262d;
  --text-muted: #565b66;
  --text-dim: #8a8f99;

  --accent: #3d4ea3;
  --accent-strong: #2e3d88;
  --accent-soft: rgba(61,78,163,.11);
  --on-accent: #ffffff;

  --green: #2f8659; --green-soft: rgba(47,134,89,.13);
  --red: #c14a44;   --red-soft: rgba(193,74,68,.11);
  --yellow: #a9791d;--yellow-soft: rgba(169,121,29,.14);

  --panel-bg: #ffffff;
  --panel-border: #e8e4da;
  --panel-shadow: 0 1px 2px rgba(30,32,40,.05), 0 8px 22px rgba(30,32,40,.04);
  --card-bg: #fffefb;
  --card-border: #eae6dd;
  --card-shadow: 0 1px 2px rgba(30,32,40,.045);
  --card-hover-bg: #ffffff;
  --card-hover-border: #c4c8e0;

  --input-bg: #ffffff;
  --input-border: #d9d5cb;
  --chip-bg: #f0eee7;
  --chip-text: #565b66;
  --hover-bg: #f3f1ea;
  --divider: #eeebe3;
  --search-bg: #ffffff;
  --dropdown-bg: #ffffff;
  --tooltip-bg: #2a2d36;
  --tooltip-text: #f5f4f0;
  --toast-bg: #2a2d36;
  --toast-text: #f5f4f0;
  --ghost-bg: transparent;
  --ghost-hover-bg: var(--accent-soft);
  --ghost-hover-border: #c4c8e0;
  --focus-ring: rgba(61,78,163,.18);
  --scrollbar-thumb: rgba(40,44,60,.2);
  --scrollbar-thumb-hover: rgba(40,44,60,.32);

  --radius: 12px;
  --radius-md: 9px;
  --radius-sm: 7px;
  --radius-pill: 999px;
  --shadow: 0 12px 30px rgba(30,32,40,.12);
  --shadow-soft: 0 3px 10px rgba(30,32,40,.07);

  --map-panel-bg: #eef0f3;
  --map-grid-line: rgba(40,50,80,.035);
  --map-panel-glow: rgba(61,78,163,.05);
  --map-toolbar-bg: rgba(255,255,255,.9);
  --map-toolbar-border: #e2e2e4;
  --tz-band-a: #e2e7ee;
  --tz-band-b: #d9e0ea;
  --tz-land: rgba(120,138,170,.2);
  --tz-land-stroke: rgba(72,88,120,.32);
  --tz-zone-stroke: rgba(90,108,140,.12);
  --map-hover-fill: #a9bce6;
  --map-hover-stroke: #3d4ea3;
  --map-selected-fill: #4f63c4;
  --map-selected-stroke: #ffffff;
  --map-glow-hover: none;
  --map-glow-selected: drop-shadow(0 1px 3px rgba(61,78,163,.35));
}

/* Editorial flourish: a hairline rule under the section titles. */
.section-title-row { border-bottom: 1px solid var(--divider); padding-bottom: 12px; }
.hero h1 { font-weight: 600; }