/**
 * Avaami Skin Clinic — design tokens (match Figma)
 */
:root {
  --color-orange: #ff5c00;
  --color-orange-hover: #e65300;
  --color-gold: #c9a227;
  --color-white: #ffffff;
  --color-gray-50: #f7f7f7;
  --color-gray-200: #e8e8e8;
  --color-gray-400: #9a9a9a;
  --color-gray-600: #5c5c5c;
  --color-text: #1a1a1a;
  --color-text-muted: #6b6b6b;
  --color-banner: #3d2a1f;
  --color-banner-dark: #2a1d15;

  /* Headings — Baskerville Old Face (system on Windows); Libre Baskerville loads for other OS */
  --font-serif: "Baskerville Old Face", "Baskerville", "Libre Baskerville", Georgia, "Times New Roman", serif;
  --font-sans: "Figtree", system-ui, -apple-system, sans-serif;

  --container: 72rem;
  --radius-card: 12px;
  --radius-pill: 50px;
  --shadow-card: 0 4px 20px rgba(0, 0, 0, 0.05);
  --shadow-float: 0 8px 32px rgba(0, 0, 0, 0.08);

  --space-section: clamp(3.5rem, 8vw, 6rem);
  --header-h: 4.5rem;
}