/* ==========================================================================
   Pacific Private Nursing — Design Tokens
   "California clinical hospitality" system
   ========================================================================== */

:root {
  /* ---- Color: core palette (do not change without design review) ---- */
  --pacific-forest: #173D35;
  --deep-forest: #0D2B26;
  --eucalyptus: #6F8F80;
  --soft-sage: #B8C8BC;
  --warm-ivory: #F7F3EA;
  --porcelain: #FCFBF7;
  --coastal-sand: #DCCDBB;
  --muted-brass: #A98755;
  --charcoal: #28312E;
  --white: #FFFFFF;

  /* ---- Color: role mapping ---- */
  --bg-page: var(--porcelain);
  --bg-section-alt: var(--warm-ivory);
  --bg-header: var(--deep-forest);
  --bg-footer: var(--deep-forest);
  --text-primary: var(--charcoal);
  --text-on-dark: var(--porcelain);
  --text-muted: var(--eucalyptus);
  --text-heading: var(--pacific-forest);
  --border-hairline: rgba(40, 49, 46, 0.14);
  --border-hairline-dark: rgba(247, 243, 234, 0.18);
  --accent-brass: var(--muted-brass);
  --focus-ring: #0D2B26;

  /* ---- Typography ---- */
  --font-display: 'Newsreader', 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Inter', 'Source Sans 3', -apple-system, BlinkMacSystemFont, sans-serif;

  --fs-eyebrow: 0.8125rem;
  --fs-body: 1.0625rem;
  --fs-small: 0.9375rem;
  --fs-h1: clamp(2.25rem, 4.2vw + 1rem, 3.75rem);
  --fs-h2: clamp(1.75rem, 2.6vw + 1rem, 2.75rem);
  --fs-h3: clamp(1.375rem, 1.4vw + 1rem, 1.75rem);
  --fs-h4: 1.25rem;

  --lh-heading: 1.18;
  --lh-body: 1.7;

  /* ---- Layout ---- */
  --content-max: 1180px;
  --content-narrow: 720px;
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 28px;
  --space-2xs: 0.5rem;
  --space-xs: 0.875rem;
  --space-sm: 1.25rem;
  --space-md: 2rem;
  --space-lg: 3.25rem;
  --space-xl: 5.5rem;
  --space-2xl: 8rem;

  /* ---- Motion ---- */
  --ease-standard: cubic-bezier(0.4, 0, 0.2, 1);
  --dur-fast: 160ms;
  --dur-base: 420ms;

  /* ---- Elevation ---- */
  --shadow-soft: 0 1px 2px rgba(13, 43, 38, 0.04), 0 12px 28px -12px rgba(13, 43, 38, 0.14);
  --shadow-card: 0 1px 2px rgba(13, 43, 38, 0.05), 0 6px 18px -8px rgba(13, 43, 38, 0.12);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-fast: 0ms;
    --dur-base: 0ms;
  }
}