/*
 * Skyridge Valley 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: #F6FAF8;
  --color-bg-surface: #FFFFFF;
  --color-bg-subtle: #E8F2EF;
  --color-bg-inverse: #265363;

  --color-brand-primary: #265363;
  --color-brand-primary-hover: #1B3E4A;
  --color-brand-accent: #B9E28F;
  --color-brand-decor: #7CC243;

  --color-text-primary: #13252C;
  --color-text-secondary: #475D64;
  --color-text-inverse: #FFFFFF;
  --color-text-inverse-secondary: #D9E8EC;

  --color-border-default: #D3E2DE;
  --color-border-strong: #A8C2BC;

  --font-display: "Literata", Georgia, "Times New Roman", serif;
  --font-body: "Red Hat Text", 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;
}