/* Recallify design tokens (Release 1, interim).
   Source of truth for colour, type, spacing and radii in the hand-coded chrome
   and templates. Component CSS (site.css) references these only. The provider's
   design system replaces the values, not the names.
   Contrast (WCAG 2.2 AA needs 4.5:1 for text): text/white 16.8, muted/white 9.1,
   white/primary 5.9, secondary/white 12.2, link/white 8.4, white/ink 17.7. */
:root {
  /* colour */
  --rc-color-primary: #9F21CB;        /* brand purple: primary buttons, accents */
  --rc-color-primary-hover: #8A1DB0;
  --rc-color-primary-soft: #F3E6FA;   /* tinted chips and icon wells */
  --rc-color-secondary: #4E137F;      /* deep purple: headings accent, ghost buttons */
  --rc-color-ink: #1C1233;            /* dark bands, footer */
  --rc-color-ink-soft: #2A1E48;
  --rc-color-text: #1F1A33;
  --rc-color-text-muted: #4A4560;
  --rc-color-link: #6B2E9E;
  --rc-color-bg: #FFFFFF;
  --rc-color-tint: #F6F3FB;           /* calm section background */
  --rc-color-line: #E4DFEE;
  --rc-color-on-ink: #FFFFFF;
  --rc-color-on-ink-muted: #E9DDF7;
  --rc-color-on-ink-accent: #C9B8E8;
  --rc-color-focus: #1F6FEB;          /* focus ring, distinct from the brand purple */

  /* type */
  --rc-font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --rc-text-xs: 0.8125rem;
  --rc-text-sm: 0.9375rem;
  --rc-text-md: 1.0625rem;
  --rc-text-lg: 1.25rem;
  --rc-text-xl: 1.5rem;
  --rc-text-2xl: clamp(1.75rem, 1.3rem + 1.6vw, 2.25rem);
  --rc-text-3xl: clamp(2.125rem, 1.4rem + 2.4vw, 3rem);
  --rc-leading-tight: 1.15;
  --rc-leading-snug: 1.3;
  --rc-leading-body: 1.6;

  /* spacing (4px scale) */
  --rc-space-1: 0.25rem;
  --rc-space-2: 0.5rem;
  --rc-space-3: 0.75rem;
  --rc-space-4: 1rem;
  --rc-space-5: 1.5rem;
  --rc-space-6: 2rem;
  --rc-space-7: 3rem;
  --rc-space-8: 4rem;
  --rc-space-9: 6rem;

  /* layout */
  --rc-container: 76rem;              /* 1216px */
  --rc-gutter: 1.25rem;
  --rc-radius-sm: 0.375rem;
  --rc-radius: 0.75rem;
  --rc-radius-lg: 1.25rem;
  --rc-shadow-sm: 0 1px 2px rgba(28, 18, 51, 0.06), 0 1px 3px rgba(28, 18, 51, 0.08);
  --rc-shadow-md: 0 8px 24px rgba(28, 18, 51, 0.10);
  --rc-shadow-menu: 0 12px 32px rgba(28, 18, 51, 0.16);

  /* motion */
  --rc-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --rc-dur: 160ms;
}

@media (prefers-reduced-motion: reduce) {
  :root { --rc-dur: 0ms; }
}