/* Willzee design tokens (scope 14.1), lifted from the Will Centre prototype v35.
   The four Figma token bugs are fixed here: text/neutral/default is #2e2e2e, the
   secondary, outline and ghost buttons have their own values, the shadow uses the
   brand-neutral black at 3%, and radius tokens exist (4, 8, 12, 16).
   The brand berry is #970747 and nothing else. */
:root {
  /* Brand */
  --brand-100: #f4e1e6; --brand-200: #d8b2c2; --brand-300: #b56b86; --brand-400: #a80a50; --brand-500: #970747; --brand-600: #8a063e;

  /* Surfaces */
  --surface-100: #f9f5f2; --surface-200: #ffffff; --surface-300: #f8f8fa;

  /* Neutrals */
  --n-50: #eaeaea; --n-100: #e5e5e5; --n-200: #d9d9d9; --n-300: #5b6065; --n-400: #6b6b6b; --n-500: #2e2e2e;

  /* Status scales */
  --info-50: #e9f5fe; --info-400: #4dabf5; --info-900: #0d3c61;
  --warn-50: #fff5e6; --warn-400: #ffad33; --warn-900: #331e00;
  --ok-50: #edf7ee; --ok-400: #70bf73; --ok-900: #173518;
  --err-50: #ffebee; --err-400: #f6695e; --err-900: #631b16;

  /* Semantic */
  --ground: #ece4de; --frame: var(--surface-100);
  --text: var(--n-500); --text-2: var(--n-400); --border: var(--n-50);

  /* Buttons: each variant has its own values (token bug 2) */
  --btn-primary-bg: var(--brand-500); --btn-primary-bg-hover: var(--brand-400); --btn-primary-bg-active: var(--brand-600); --btn-primary-fg: #ffffff;
  --btn-primary-bg-disabled: var(--brand-100); --btn-primary-fg-disabled: var(--brand-300);
  --btn-outline-bg: var(--surface-200); --btn-outline-border: var(--brand-500); --btn-outline-fg: var(--brand-500); --btn-outline-bg-hover: var(--brand-100);
  --btn-ghost-bg: transparent; --btn-ghost-fg: var(--brand-500); --btn-ghost-bg-hover: var(--brand-100);
  --btn-secondary-bg: var(--brand-100); --btn-secondary-fg: var(--brand-500); --btn-secondary-bg-hover: var(--brand-200);

  /* Shadow: 0 3 27 at 3% (token bug 3 carried #970647; now neutral black) */
  --shadow: 0 3px 27px rgba(0, 0, 0, .03);

  /* Radius (token bug 4) */
  --r-xs: 4px; --r-sm: 8px; --r-md: 12px; --r-lg: 16px;

  /* Spacing 4 to 64 */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px; --sp-5: 20px; --sp-6: 24px; --sp-8: 32px; --sp-10: 40px; --sp-12: 48px; --sp-16: 64px;
  --inline: var(--sp-2); --stack: var(--sp-4); --inset: var(--sp-4); --section: var(--sp-8);

  /* Type: Manrope for headings, Inter for body */
  --head: "Manrope", "Segoe UI", system-ui, sans-serif;
  --body: "Inter", "Segoe UI", system-ui, sans-serif;
}