/**
 * Cure Me BD — design tokens.
 * Modern clean beauty-retail look: crisp white ground, near-black text for
 * editorial readability, deep emerald + warm gold used sparingly as brand
 * accents (buttons, prices, active states) rather than dominating backgrounds.
 * Plain CSS custom properties — no build step, works as-is on shared hosting.
 */
:root {
  /* Brand palette */
  --color-primary: #0b3d2e;
  --color-primary-dark: #072a20;
  --color-primary-light: #145c46;
  --color-accent: #c9a227;
  --color-accent-dark: #a3801a;
  --color-secondary: #e8c4c4;
  --color-secondary-dark: #d99f9f;
  --color-announcement-bg: var(--color-accent); /* same bold gold as the newsletter Subscribe button, for a consistent "highlight" color across the site */
  --color-announcement-text: var(--color-primary-dark); /* dark text for contrast against the gold background */

  /* Neutrals */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-alt: #f7f6f3;
  --color-text: #141614;
  --color-text-muted: #6b716c;
  --color-border: #e9e7e1;

  /* Semantic */
  --color-success: #2e7d4f;
  --color-danger: #b3423a;
  --color-warning: #b3831a;

  /* Typography */
  --font-display: 'Fraunces', 'Noto Serif Bengali', Georgia, serif;
  --font-body: 'Public Sans', 'Noto Sans Bengali', -apple-system, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.375rem;
  --text-2xl: 1.75rem;
  --text-3xl: 2.25rem;
  --text-4xl: 3rem;

  /* Spacing scale (4px base) */
  --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;

  /* Shape — sharp, right-angled edges throughout (no rounded corners) */
  --radius-sm: 0;
  --radius-md: 0;
  --radius-lg: 0;
  --radius-pill: 0;

  /* Elevation */
  --shadow-sm: 0 1px 2px rgba(31, 36, 32, 0.06);
  --shadow-md: 0 6px 16px rgba(31, 36, 32, 0.08);
  --shadow-lg: 0 16px 40px rgba(31, 36, 32, 0.12);

  --container-max: 1280px;
}

/* Bangla needs a script that actually has Bengali glyphs — the Latin
   serif/sans pairing above has none. */
:lang(bn) {
  --font-display: 'Noto Serif Bengali', Georgia, serif;
  --font-body: 'Hind Siliguri', 'Noto Sans Bengali', sans-serif;
}