/* Variant A (v2) — Palette
   Six brand colours. Aliases point multiple token names at the same colour.
   Functional values (the hairline border) are derived from these six, not
   separate hues. */

:root {
  /* 1 — Berry-rose : primary (headings, key text, buttons) */
  --color-primary:    #BD3F55;

  /* 2 — Rose : secondary / accent (eyebrows, labels, accents) */
  --color-secondary:  #DC7483;
  --color-accent:     #DC7483;

  /* 3 — Ink : dark (body text + dark section backgrounds) */
  --color-text-body:  #251614;
  --color-bg-dark:    #251614;

  /* 4 — Taupe : muted secondary body text */
  --color-muted:      #716760;

  /* 5 — Warm white : page background (also card surfaces + text on primary) */
  --color-bg-page:    #FFFCFA;

  /* 6 — Pale rose : alternating light section backgrounds */
  --color-bg-section: #FFEEF0;

  /* Derived hairline border — ink at low opacity, not a separate colour */
  --color-border:     color-mix(in srgb, var(--color-text-body) 14%, transparent);

  /* Typography */
  --font-display: 'Source Serif 4', Georgia, serif;
  --font-body:    'DM Sans', Helvetica, sans-serif;
}