/*
 * Boulder Corridor Dental Care: 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: #FBF8F3;
  --color-bg-surface: #FFFFFF;
  --color-bg-subtle: #F1E9DD;
  --color-bg-inverse: #00215D;

  --color-brand-primary: #00215D;
  --color-brand-primary-hover: #001744;
  --color-brand-accent: #CDAA78;
  --color-brand-decor: #CDAA78;

  --color-text-primary: #101828;
  --color-text-secondary: #4A5464;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-secondary: #D6DEEC;

  --color-border-default: #E5DACB;
  --color-border-strong: #CBBBA3;

  --font-display: "Besley", "Rockwell", Georgia, serif;
  --font-body: "Public Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --fw-display: 500;
  --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;
}