/* ============================================================
   THE DENTAL HOUSE, design tokens  (v2, image-forward)
   Concept: the clinic as a warm home, not a cold facility.
   Warm porcelain base, deep pine, mint action, sand for the
   image-heavy sections. Signature: arched image frames (a
   doorway motif) that tie every portrait to "House".
   Accent stays green on purpose: terracotta-on-cream is the
   default every AI dental site reaches for.
   ============================================================ */
:root{
  --pine:#103B34;       /* deep warm evergreen-teal, primary + headings */
  --pine-2:#0A2A25;     /* darker, interior heroes + footer */
  --pine-3:#1C534A;     /* mid pine */
  --mint:#2F9B84;       /* primary action */
  --mint-2:#237D6B;     /* action hover / accent text */
  --mint-soft:#E1EEE9;  /* tint fills */
  --sand:#EAD9C4;       /* warm accent, image frames + bands */
  --sand-soft:#F3E9DC;  /* softer sand wash */
  --coral:#E07A54;      /* SECOND OPINION only */
  --coral-2:#C9603B;
  --porcelain:#F7F3EC;  /* warm paper base */
  --paper:#FFFFFF;      /* card surface */
  --cream:#FCFAF5;
  --ink:#20302B;        /* warm near-black text */
  --ink-soft:#586863;
  --line:#E7DFD2;
  --line-2:#D8CFBE;
  --gold:#C79A3E;
  --white:#ffffff;

  /* legacy aliases kept so existing pages don't break */
  --slate:var(--pine);
  --slate-2:var(--pine-2);
  --accent:var(--mint);
  --accent-ink:var(--pine);

  --display:'Fraunces',Georgia,'Times New Roman',serif;
  --body:'Inter',system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;

  --h1:clamp(2.4rem,1.5rem + 4vw,4.6rem);
  --h2:clamp(1.75rem,1.25rem + 2.2vw,2.9rem);
  --h3:clamp(1.2rem,1.05rem + 0.75vw,1.6rem);
  --lead:clamp(1.08rem,1rem + 0.45vw,1.32rem);
  --small:0.875rem;

  --wrap:1200px;
  --wrap-narrow:770px;
  --wrap-wide:1340px;
  --gap:clamp(1rem,0.6rem + 1.6vw,2rem);
  --radius:16px;
  --radius-lg:26px;
  --radius-sm:10px;
  --arch:clamp(90px,14vw,190px);

  --shadow-sm:0 1px 2px rgba(16,59,52,.05),0 3px 10px rgba(16,59,52,.05);
  --shadow:0 8px 26px rgba(16,59,52,.09),0 2px 8px rgba(16,59,52,.05);
  --shadow-lg:0 26px 65px rgba(16,59,52,.16);

  --ease:cubic-bezier(.22,.61,.36,1);
  --dur:.55s;
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}