/* DENTAL HOME / DESIGN TOKENS
   Inspired by Terra Dental's quiet, editorial restraint; these are original
   Dental Home choices, NOT copied or verified Terra CSS values.
   Change colors, fonts, and spacing here to update the whole site. */
:root {
  /* Identity */
  --color-ivory:     #f1ebe4;
  --color-white:     #f8f4ee;
  --color-sand:      #e3d8cc;
  --color-sand-dark: #d7cabc;
  --color-stone:     #e3d8cc;
  --color-taupe:     #968678;
  --color-bronze:    #6b665e;
  --color-charcoal:  #262420;
  --color-muted:     #6b665e;
  --color-line:      #d4c9bd;
  --color-overlay:   rgba(32, 30, 26, .28);

  /* Poppins follows Terra's geometric sans-serif; Acumin Pro needs an Adobe Fonts license. */
  --font-display: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Poppins', 'Helvetica Neue', Arial, sans-serif;
  --font-wordmark: 'Poppins', 'Helvetica Neue', Arial, sans-serif;

  /* Fluid type */
  --text-xs: .72rem;
  --text-sm: .85rem;
  --text-base: 1rem;
  --text-lg: clamp(1.08rem, 1.3vw, 1.22rem);
  --text-h1: clamp(4.1rem, 7.1vw, 7.9rem);
  --text-h2: clamp(3.3rem, 5.5vw, 5.7rem);
  --text-h3: clamp(1.85rem, 2.8vw, 2.6rem);

  /* Layout & rhythm */
  --container: 1380px;
  --gutter: clamp(1.35rem, 4.6vw, 5.25rem);
  --space-section: clamp(5rem, 10vw, 10rem);
  --space-header: 94px;
  --space-header-mobile: 74px;
  --radius: 0;
  --transition-fast: 180ms ease;
  --transition-smooth: 320ms cubic-bezier(.2,.75,.35,1);
}