/*
 * Dental Care at The Crossroads: brand tokens for the placeholder site (overrides vgs-base :root vars).
 * Colors come from the practice logo palette. Every text pairing was checked for WCAG 2.2 AA.
 * --color-brand-decor is the logo's bright color: decorative use only (fails 3:1 as text).
 */
:root {
  --color-bg-page: #F5F9FC;
  --color-bg-surface: #FFFFFF;
  --color-bg-subtle: #E5F1F7;
  --color-bg-inverse: #074A7E;

  --color-brand-primary: #074A7E;
  --color-brand-primary-hover: #053A63;
  --color-brand-accent: #BAE2EF;
  --color-brand-decor: #6794CB;

  --color-text-primary: #0F1E2C;
  --color-text-secondary: #465767;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-secondary: #D3E6F2;

  --color-border-default: #D2E0EB;
  --color-border-strong: #A3BDD2;

  --font-display: "Source Serif 4", Georgia, "Times New Roman", serif;
  --font-body: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-display: 600;
  --ls-display: -0.01em;

  --fs-display-hero: clamp(2.25rem, 3.4vw + 1rem, 3.75rem);
  --fs-display-section: clamp(1.75rem, 1.6vw + 1rem, 2.5rem);
  --fs-eyebrow: 0.75rem;
  --ls-eyebrow: 0.16em;

  --radius-sm: 8px;
  --radius-lg: 14px;
}