/* ============================================================
   DESIGN TOKENS — My Mind Counseling & Therapy Centre
   Palette sampled from the clinic's own office photographs.
   ============================================================ */
:root{
  /* --- colour: sampled from office photos --- */
  --ink:        #2B2620;
  --ink-soft:   #52493E;
  --walnut:     #6B4A35;
  --walnut-dk:  #4A3123;
  --sage:       #7C8F73;
  --sage-dk:    #5E7055;
  --sage-light: #E4EAE0;
  --teal:       #7E969A;
  --teal-dk:    #5D7377;
  --teal-light: #E3ECED;
  --parchment:  #F3EEE4;
  --parchment-dk:#EAE2D2;
  --cream:      #FAF7F0;
  --white:      #FFFEFB;
  --brass:      #C9A15A;
  --brass-dk:   #A47F3C;
  --brass-light:#F3E6C8;
  --terracotta: #B4553B;
  --terracotta-light:#F3DFD6;
  --sky:        #CFE0E2;

  /* --- semantic --- */
  --bg: var(--parchment);
  --surface: var(--cream);
  --surface-raised: var(--white);
  --text: var(--ink);
  --text-muted: var(--ink-soft);
  --border: #E4DACB;
  --accent: var(--brass);
  --accent-ink: #4A3520;
  --success: var(--sage-dk);
  --warn: var(--terracotta);
  --link: var(--teal-dk);

  /* --- type --- */
  --font-display: "Fraunces", "Georgia", serif;
  --font-body: "Inter", "Noto Sans Devanagari", -apple-system, BlinkMacSystemFont, sans-serif;

  /* --- shape --- */
  --radius-sm: 12px;
  --radius-md: 20px;
  --radius-lg: 28px;
  --radius-pill: 999px;

  /* --- elevation (soft material — single-direction, warm-tinted) --- */
  --shadow-sm: 0 2px 8px rgba(74, 49, 35, 0.08);
  --shadow-md: 0 8px 24px rgba(74, 49, 35, 0.12);
  --shadow-lg: 0 20px 48px rgba(74, 49, 35, 0.18);
  --shadow-press: 0 1px 3px rgba(74, 49, 35, 0.14) inset;

  /* --- claymorphism (promo / chatbot) --- */
  --clay-shadow: 10px 10px 24px rgba(107, 74, 53, 0.16), -8px -8px 20px rgba(255, 253, 248, 0.85);

  /* --- neubrutalism (single primary CTA only) --- */
  --brut-border: 2.5px solid var(--ink);
  --brut-shadow: 5px 5px 0 var(--ink);

  /* --- motion --- */
  --ease-out: cubic-bezier(.16,1,.3,1);
  --ease-spring: cubic-bezier(.34,1.56,.64,1);
  --dur-fast: 140ms;
  --dur-med: 320ms;
  --dur-slow: 620ms;

  --nav-h: 64px;
  --bookbar-h: 64px;
}

/* ---------- accessibility: respected globally on every page that loads this file ---------- */
:focus-visible{
  outline: 2.5px solid var(--brass-dk);
  outline-offset: 2px;
  border-radius: 6px;
}

@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}