:root {
  /* FONTS */
  --font-head: 'Sora', sans-serif;
  --font-body: 'Plus Jakarta Sans', sans-serif;

  /* BASE FONT SIZES */
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-md:   1.0625rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.25rem;
  --fs-2xl:  1.5rem;
  --fs-3xl:  1.875rem;
  --fs-4xl:  2.25rem;
  --fs-5xl:  2.75rem;
  --fs-6xl:  3.5rem;
  --fs-7xl:  4.25rem;

  /* LINE HEIGHTS */
  --lh-tight: 1.1;
  --lh-snug:  1.3;
  --lh-base:  1.7;
  --lh-loose: 1.85;

  /* === DENTAL COLOR PALETTE === */
  /* Clean, calming, trustworthy — whites, soft sky-teal, warm neutrals */

  /* Backgrounds */
  --bg-base:        #F7F9FB;
  --bg-surface:     #FFFFFF;
  --bg-soft:        #EEF3F7;
  --bg-muted:       #E5ECF2;
  --bg-dark:        #0F1E2B;
  --bg-dark-2:      #162534;
  --bg-dark-3:      #1E3245;

  /* Primary Accent — Calm Teal */
  --accent-primary:       #2A7FAF;
  --accent-primary-hover: #1E6A96;
  --accent-primary-light: #D6EAF7;
  --accent-teal:          #3D9ABF;
  --accent-teal-light:    #7CC4DE;
  --accent-teal-pale:     #E3F4FA;

  /* Secondary Accent — Soft Warm */
  --accent-warm:       #F4A96A;
  --accent-warm-light: #FDE8D4;

  /* Typography */
  --text-heading:   #0D1F2E;
  --text-primary:   #1C3044;
  --text-secondary: #4A6278;
  --text-muted:     #7A95A8;
  --text-light:     #A0B5C2;
  --text-inverse:   #FFFFFF;

  /* Borders */
  --border-light:  rgba(42, 127, 175, 0.1);
  --border-medium: rgba(42, 127, 175, 0.2);
  --border-strong: rgba(42, 127, 175, 0.35);

  /* Shadows */
  --shadow-sm:  0 2px 8px rgba(13, 31, 46, 0.06);
  --shadow-md:  0 6px 24px rgba(13, 31, 46, 0.10);
  --shadow-lg:  0 12px 48px rgba(13, 31, 46, 0.14);
  --shadow-xl:  0 24px 72px rgba(13, 31, 46, 0.18);
  --shadow-card: 0 4px 20px rgba(42, 127, 175, 0.08);

  /* Gradients */
  --grad-primary:  linear-gradient(135deg, #2A7FAF 0%, #3D9ABF 100%);
  --grad-hero:     linear-gradient(160deg, #EEF6FB 0%, #D6EAF7 40%, #F7F9FB 100%);
  --grad-dark:     linear-gradient(160deg, #0F1E2B 0%, #1E3245 100%);
  --grad-warm:     linear-gradient(135deg, #F7F9FB 0%, #EEF3F7 100%);
  --grad-surface:  linear-gradient(180deg, #FFFFFF 0%, #F0F7FC 100%);

  /* Radius */
  --radius-sm:  6px;
  --radius-md:  12px;
  --radius-lg:  20px;
  --radius-xl:  28px;
  --radius-2xl: 40px;
  --radius-pill: 999px;

  /* Transitions */
  --transition-fast:   all 0.18s ease;
  --transition-base:   all 0.28s ease;
  --transition-slow:   all 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-bounce: all 0.35s cubic-bezier(0.34, 1.56, 0.64, 1);

  /* Spacing */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 100px;
  --space-4xl: 140px;

  /* Container */
  --container-max: 1320px;
  --container-pad: 24px;

  /* Z-index */
  --z-nav:     1000;
  --z-overlay: 1100;
  --z-modal:   1200;
}