/* ============================================================
   ANUVANSH CLINIC — Design Tokens
   Human-Centered Premium · Light Medical
   ============================================================ */

:root {
  /* Color — palette per stakeholder direction: #F19298 · #8D016D · #C85886 */
  --c-ink:          #43202E;
  --c-primary:      #C85886;
  --c-primary-deep: #8D016D;
  --c-primary-soft: #FBE9F1;
  --c-rose:         #F19298;
  --c-rose-deep:    #A43C6B;
  --c-rose-soft:    #FDEFF2;
  --c-bg:           #FBF6F8;
  --c-surface:      #FFFFFF;
  --c-muted:        #705761;
  --c-line:         #F0DFE6;
  --c-danger:       #B3261E;
  --c-focus:        #8D016D;

  /* Typography */
  --font-display: "Fraunces", "Georgia", serif;
  --font-ui:      "Manrope", "Segoe UI", system-ui, sans-serif;

  --fs-display: clamp(2.9rem, 6.2vw, 4.4rem);
  --fs-h1:      clamp(2.2rem, 4.4vw, 3.2rem);
  --fs-h2:      clamp(1.7rem, 3.2vw, 2.35rem);
  --fs-h3:      clamp(1.25rem, 2vw, 1.5rem);
  --fs-h4:      1.15rem;
  --fs-body:    1.0625rem;
  --fs-small:   0.875rem;
  --fs-micro:   0.75rem;

  --lh-body: 1.65;
  --lh-display: 1.06;

  /* Layout */
  --container: 1200px;
  --container-narrow: 820px;
  --gutter: clamp(16px, 4vw, 24px);
  --space-section: clamp(84px, 12vw, 152px);

  /* Radii */
  --r-sm: 12px;
  --r-md: 20px;
  --r-lg: 28px;
  --r-pill: 999px;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(67, 32, 46, 0.05);
  --shadow-md: 0 1px 2px rgba(67, 32, 46, 0.04), 0 12px 32px rgba(67, 32, 46, 0.08);
  --shadow-lg: 0 2px 4px rgba(67, 32, 46, 0.05), 0 24px 56px rgba(67, 32, 46, 0.12);
  --ring: 0 0 0 2px var(--c-bg), 0 0 0 4px var(--c-focus);

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --t-fast: 150ms;
  --t-med: 260ms;
  --t-slow: 600ms;

  /* Nav height */
  --nav-h: 76px;
}

@media (max-width: 640px) {
  :root {
    --nav-h: 64px;
  }
}