/* QST Esthetics — colour tokens */
:root {
  /* Base palette */
  --aubergine: #4B285A;
  --aubergine-deep: #3B1F47; /* hover for primary buttons */
  --champagne-gold: #C4A263;
  --warm-ivory: #F5EFE6;
  --espresso: #241826;
  --soft-lilac: #D8C7E0;
  --white: #FFFFFF;

  /* Semantic aliases */
  --surface-page: var(--warm-ivory);
  --surface-card: var(--white);
  --surface-dark: var(--aubergine);
  --surface-tint: var(--soft-lilac);

  --text-body: var(--espresso);
  --text-heading: var(--aubergine);
  --text-on-dark: var(--warm-ivory);
  --text-accent-on-dark: var(--champagne-gold); /* large/decorative only */

  --accent-hairline: var(--champagne-gold); /* dividers, borders, ornament — never text on light */
  --border-card: rgba(196, 162, 99, 0.45);

  --link: var(--aubergine);
  --focus-ring: var(--aubergine);
}
/* QST Esthetics — spacing, radii, borders, shadow, motion */
:root {
  /* Spacing — generous whitespace is the luxury */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --space-6: 64px;
  --space-7: 96px;
  --space-8: 140px;

  --section-pad: clamp(64px, 10vw, 140px);
  --container-max: 1200px;
  --container-pad: clamp(20px, 5vw, 48px);

  /* Radii — near-square, quiet */
  --radius-button: 2px;
  --radius-card: 4px;

  /* Hairlines — the signature gold thread */
  --hairline: 1px solid var(--champagne-gold);
  --hairline-fine: 0.5px solid var(--border-card);

  /* Shadow — minimal; cards rely on hairline + white surface */
  --shadow-card: 0 1px 2px rgba(36, 24, 38, 0.05);

  /* Motion — calm fades, no bounce */
  --ease-calm: cubic-bezier(0.4, 0, 0.2, 1); /* @kind other */
  --duration-quick: 180ms; /* @kind other */
  --duration-gentle: 320ms; /* @kind other */
}

/* QST Esthetics — typography tokens
   Cormorant Garamond = headings · Jost 400/500 body/UI (300 only ≥16px) · WindSong = tagline ONLY */

:root {
  --font-display: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Jost', system-ui, sans-serif;
  --font-script: 'WindSong', cursive; /* "For Women. By Women." tagline only */

  /* Fluid scale */
  --text-h1: clamp(2.2rem, 5vw, 3.4rem);
  --text-h2: clamp(1.6rem, 3.5vw, 2.4rem);
  --text-h3: 1.4rem;
  --text-body-size: 1rem;
  --text-small: 0.8rem;

  --leading-body: 1.65;
  --leading-heading: 1.15;

  /* Eyebrow / label style */
  --tracking-label: 0.28em;
  --weight-body: 400;
  --weight-emphasis: 500;
  --weight-light: 300; /* Jost 300: only at 16px and larger */
  --weight-heading: 400;  /* Cormorant light–regular */
}