/* ============================================================
   Desert Bloom Healthcare — Design Tokens
   This file is the Kura visual-editor token source.
   All brand colors, fonts, and spacing primitives live here as
   CSS custom properties under :root.
   ============================================================ */

@font-face {
  font-family: 'Lora';
  src: url('/assets/fonts/lora.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Lora';
  src: url('/assets/fonts/lora-italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Montserrat';
  src: url('/assets/fonts/montserrat.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

:root {
  /* --- Brand palette (source: existing Desert Bloom brand) --- */
  --color-rose: #8c4d51;          /* primary brand rose */
  --color-rose-deep: #6f3a3f;     /* rose, pressed/darker */
  --color-rose-soft: #b98a8c;     /* muted rose tint */
  --color-pine: #003431;          /* deep clinic green */
  --color-pine-soft: #1d4f47;     /* lifted pine */
  --color-blush: #f4e4de;         /* brand blush */

  /* --- Desert neutrals (extended palette) --- */
  --color-ivory: #faf6ef;         /* warm ivory — page background */
  --color-ivory-deep: #f3ece1;    /* alt section background */
  --color-sand: #e6d9c6;          /* natural sandstone */
  --color-clay: #c08b74;          /* subtle clay accent */
  --color-charcoal: #2d2723;      /* primary copy */
  --color-stone: #6d635b;         /* secondary copy */
  --color-line: #ddd2c2;          /* refined borders */

  /* --- Functional --- */
  --color-bg: var(--color-ivory);
  --color-text: var(--color-charcoal);
  --color-text-muted: var(--color-stone);
  --color-accent: var(--color-rose);
  --color-accent-hover: var(--color-rose-deep);
  --color-on-dark: #f7f2ea;

  /* --- Typography --- */
  --font-serif: 'Lora', Georgia, 'Times New Roman', serif;
  --font-sans: 'Montserrat', 'Segoe UI', Helvetica, Arial, sans-serif;

  --text-xs: 0.75rem;
  --text-sm: 0.875rem;
  --text-base: 1.0625rem;
  --text-md: 1.1875rem;
  --text-lg: 1.5rem;
  --text-xl: 2rem;
  --text-2xl: clamp(2rem, 1.6rem + 1.8vw, 2.9rem);
  --text-3xl: clamp(2.5rem, 2rem + 2.6vw, 4rem);
  --text-hero: clamp(2.75rem, 2.1rem + 3.4vw, 5rem);

  --leading-tight: 1.12;
  --leading-heading: 1.22;
  --leading-body: 1.7;

  --tracking-eyebrow: 0.22em;

  /* --- Layout --- */
  --container: 76rem;
  --container-wide: 88rem;
  --container-narrow: 46rem;
  --gutter: clamp(1.25rem, 4vw, 3rem);
  --section-pad: clamp(4.5rem, 9vw, 8.5rem);

  /* --- Shape & depth (restrained) --- */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --shadow-soft: 0 1px 2px rgba(45, 39, 35, 0.05), 0 12px 32px -12px rgba(45, 39, 35, 0.18);
  --shadow-lift: 0 2px 4px rgba(45, 39, 35, 0.06), 0 24px 48px -16px rgba(45, 39, 35, 0.22);

  /* --- Motion --- */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --duration-fast: 160ms;
  --duration-med: 320ms;

  /* --- Header --- */
  --header-height: 84px;
}