/* Ameera Wellness — design tokens (from AmeeraWellnessr theme) */

:root {
  color-scheme: light;
  --ink: #222;
  --text: #333;
  --muted: #555;
  /* Text on fixed light surfaces (white cards) — unchanged in dark mode */
  --ink-on-light: #222;
  --text-on-light: #333;
  --muted-on-light: #555;
  --bg: #f9f9f9;
  --white: #ffffff;
  --line: rgba(0, 0, 0, 0.08);

  --pink: #f492c6;
  --pink-hot: #fb7abf;
  --pink-deep: #d63384;
  --pink-soft: #f7d6e7;
  --pink-wash: #f3e6ec;
  --hot: #ff69b4;
  --mauve: #412b47;

  --header-grad: linear-gradient(135deg, #99a5b0 0%, #f9c9e0 100%);
  --footer-grad: linear-gradient(135deg, #1f2428, #2d3338);

  --accent: var(--pink);
  --accent-deep: var(--pink-deep);
  --accent-soft: rgba(244, 146, 198, 0.18);

  --radius-sm: 10px;
  --radius: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;

  --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.06);
  --shadow-lift: 0 18px 40px rgba(255, 105, 180, 0.16);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.08);

  --font: Montserrat, "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  --font-display: "Cormorant Garamond", Georgia, "Times New Roman", serif;

  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;

  --max: 1120px;
  --header-h: 64px;
  --tab-h: 78px;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);

  --ease: cubic-bezier(0.25, 0.1, 0.25, 1);
  --spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --dur: 0.3s;

  --cat-blue: #dfeaf7;
  --cat-pink: #f7d6e7;
  --cat-green: #dff3e6;
  --cat-grey: #e8ecef;

  /* Soft brand accents for editorial surfaces */
  --blush: #efb6c8;
  --lavender: #c7c6e8;
  --sage: #a8c3b1;
  --ivory: #fffdfb;
  --paper: #fff8fb;

  /* Legacy palette aliases → modern tokens */
  --legacy-mauve: #5f4770;
  --legacy-mauve-soft: #6b5b95;
}

/* Typography scale */
:root {
  --text-xs: 0.82rem;
  --text-sm: 0.92rem;
  --text-base: 1rem;
  --text-lg: 1.05rem;
  --text-xl: 1.25rem;
  --text-2xl: clamp(1.35rem, 3.5vw, 1.85rem);
  --text-3xl: clamp(1.65rem, 4.5vw, 2.35rem);
}

/* Dark mode tokens */
[data-theme="dark"] {
  color-scheme: dark;
  --ink: #ececf0;
  --text: #d4d4dc;
  --muted: #9b9ba8;
  --bg: #12121a;
  --white: #1c1c26;
  --line: rgba(255, 255, 255, 0.1);

  --pink-soft: rgba(244, 146, 198, 0.22);
  --pink-wash: rgba(244, 146, 198, 0.12);
  --accent-soft: rgba(244, 146, 198, 0.14);

  --header-grad: linear-gradient(135deg, #2a3038 0%, #3d2a3a 100%);
  --footer-grad: linear-gradient(135deg, #0e1014, #181c22);

  --shadow-soft: 0 6px 18px rgba(0, 0, 0, 0.35);
  --shadow-lift: 0 18px 40px rgba(0, 0, 0, 0.45);
  --shadow-card: 0 8px 24px rgba(0, 0, 0, 0.4);

  --cat-blue: rgba(223, 234, 247, 0.12);
  --cat-pink: rgba(247, 214, 231, 0.14);
  --cat-green: rgba(223, 243, 230, 0.12);
  --cat-grey: rgba(232, 236, 239, 0.1);
}

html {
  transition: background-color 0.25s var(--ease), color 0.25s var(--ease);
}

body,
.site-header,
.site-footer,
.svc-card,
.hc-who-item,
.tx-sign-item,
.symptom-box,
.blog-featured,
.tx-faq-item {
  transition: background-color 0.25s var(--ease), border-color 0.25s var(--ease), color 0.25s var(--ease), box-shadow 0.25s var(--ease);
}