/* css/tokens.css
   Source of truth: Design Lady LLC Brand Book + design_lady_palette.html
   Do not introduce colors outside this list without updating the brand book. */

:root {
  /* Brand core */
  --dl-purple: #36069A;      /* 12.73:1 vs white — headings, primary text on white */
  --dl-pink: #DE6399;        /* 3.31:1 vs white — large text (18pt+/14pt bold+) only */
  --dl-navy: #020C28;        /* 19.34:1 vs white — body text, dark backgrounds */
  --dl-teal: #4ADEDE;        /* decorative only — fails text contrast on white */

  /* Neutrals */
  --dl-white: #FFFFFF;
  --dl-off-white: #F8F9FA;
  --dl-charcoal: #212529;
  --dl-med-gray: #6C757D;
  --dl-light-gray: #ADB5BD;

  /* Type */
  --font-display: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Lora", Georgia, serif;

  /* Spacing scale (4px base) */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 4rem;

  /* Radius / motion */
  --radius-sm: 6px;
  --radius-md: 12px;
  --transition-standard: 200ms ease;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --transition-standard: 0ms;
  }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}