/* BergemHealth — design tokens */
:root {
  /* Palette */
  --bg-cream: #F4ECDD;
  --bg-cream-2: #EFE5D2;
  --bg-mint: #E3EFE8;
  --bg-white: #FFFFFF;
  --bg-deep: #0E3A4B;
  --bg-deep-2: #0a2c3a;
  --ink-900: #0E3A4B;
  --ink-700: #2a4a59;
  --ink-600: #5A6470;
  --ink-400: #8c95a0;
  --ink-200: #d8d2c4;
  --hairline: rgba(14,58,75,0.12);
  --hairline-strong: rgba(14,58,75,0.22);
  --hairline-on-deep: rgba(255,255,255,0.14);

  --accent-coral: #E08A6B;
  --accent-coral-2: #d77452;
  --accent-gold: #C9A24E;
  --success: #2E8B57;
  --danger: #B33A3A;

  --accent: var(--accent-coral);

  /* Type */
  --serif: "Reckless Neue", "GT Sectra", Georgia, "Times New Roman", serif;
  --sans: "General Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, system-ui, sans-serif;
  --mono: "JetBrains Mono", "IBM Plex Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Shadow */
  --shadow-1: 0 1px 2px rgba(14,58,75,0.06);
  --shadow-2: 0 8px 24px rgba(14,58,75,0.10);
  --shadow-3: 0 24px 60px rgba(14,58,75,0.14);

  /* Radius */
  --r-input: 8px;
  --r-card: 16px;
  --r-cta: 24px;
  --r-pill: 999px;

  --container: 1280px;
  --container-wide: 1440px;
}

[data-density="compact"] {
  --sp-7: 36px; --sp-8: 48px; --sp-9: 72px; --sp-10: 96px;
}
[data-density="spacious"] {
  --sp-7: 56px; --sp-8: 80px; --sp-9: 120px; --sp-10: 160px;
}

[data-accent="gold"] {
  --accent: var(--accent-gold);
  --accent-coral-2: #b48b35;
}
[data-accent="deep"] {
  --accent: var(--bg-deep);
  --accent-coral-2: #08222d;
}