/**
 * BRAND LAYER — the only file that should change for the future Herzog-brand
 * skin (option 3). All colors, fonts, and brand tokens live here as CSS custom
 * properties; css/main.css and the templates consume them and must not hard-code
 * brand values. Swapping this file re-skins the whole theme.
 */
:root {
  /* Palette (light refresh of hatanakh.com) */
  --c-teal: #159aa6;          /* primary buttons / search */
  --c-teal-dark: #16575e;     /* Herzog deep teal */
  --c-teal-soft: #4faa9a;     /* section card headers */
  --c-bordeaux: #a81f38;      /* accent / highlights */
  --c-lavender: #a99cd4;      /* section tabs */
  --c-lavender-dark: #8776bf;

  /* Connection-circle accents (topics/figures/etc.) */
  --c-circle-topics: #2f8fd0;
  --c-circle-figures: #e2453f;
  --c-circle-shorts: #f39c12;
  --c-circle-places: #7b68c9;
  --c-circle-articles: #16a085;
  --c-circle-lessons: #3b4a5a;
  --c-circle-commentators: #d24b8f;

  /* Neutrals */
  --c-bg: #f6f4ef;
  --c-surface: #ffffff;
  --c-border: #e6e2da;
  --c-text: #2f3236;
  --c-muted: #7a7f86;
  --c-link: var(--c-teal-dark);

  /* Typography */
  /* Google Fonts first; local Hebrew fonts as resilient fallback (also lets the
     server render Hebrew for headless QA screenshots). */
  --font-ui: 'Heebo', 'Noto Sans Hebrew', 'Segoe UI', Arial, sans-serif;
  --font-scripture: 'Frank Ruhl Libre', 'Frank Ruehl CLM', 'David CLM', Georgia, serif;

  /* Shape */
  --radius: 10px;
  --radius-pill: 999px;
  --shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 6px 20px rgba(0, 0, 0, .04);
  --maxw: 1200px;
}