/* Design tokens — see docs/Design_System.md */

:root {
  /* Palette (from client's mamma-custom.css) */
  --c-primary: #822F82;
  --c-primary-dark: #5D215D;
  --c-ink: #253340;
  --c-surface: #F8F8F8;
  --c-surface-alt: #F0F2F1;
  --c-white: #FFFFFF;
  --c-accent: #F58220;
  /* Derived */
  --c-muted: #5B6670;
  --c-line: #DCDFE2;
  --c-line-dark: rgba(255, 255, 255, 0.18);
  --c-on-ink-muted: #C9CFD6;
  --c-on-plum-muted: #E6D8E6;
  --c-error: #B3261E;         /* form errors: 6.4:1 on white */
  --c-accent-soft: #FFC58F;   /* placeholder text on dark bands: 7.4:1 on #5D215D, 8.4:1 on ink */

  /* Type. To change the heading font, edit --font-display only
     (and add its @font-face to fonts.css). */
  --font-text: "Barlow Semi Condensed", "Barlow Fallback", "Arial Narrow", Arial, sans-serif;
  --font-display: "Fraunces", "Fraunces Fallback", Georgia, "Times New Roman", serif;
  --display-scale: 1;
  --display-weight: 360;
  --display-weight-strong: 420;
  --display-tracking: -0.015em;

  --fs-display: calc(clamp(2.75rem, 1.6rem + 5vw, 5.75rem) * var(--display-scale));
  --fs-h2: calc(clamp(2rem, 1.4rem + 2.6vw, 3.5rem) * var(--display-scale));
  --fs-h3: calc(clamp(1.5rem, 1.2rem + 1.2vw, 2.25rem) * var(--display-scale));
  --fs-h4: 1.25rem;
  --fs-lead: clamp(1.1875rem, 1.05rem + 0.6vw, 1.5rem);
  --fs-body: clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem);
  --fs-small: 0.9375rem;
  --fs-eyebrow: 0.875rem;

  /* Space (4px base) */
  --s-1: 4px;
  --s-2: 8px;
  --s-3: 12px;
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 32px;
  --s-7: 48px;
  --s-8: 64px;
  --s-9: 96px;
  --s-10: 128px;
  --section-y: clamp(72px, 10vw, 144px);

  /* Layout */
  --container: 1280px;
  --container-narrow: 760px;
  --gutter: clamp(20px, 5vw, 64px);
  --grid-gap: clamp(20px, 2.5vw, 40px);
  --header-h: 72px;

  /* Shape & motion */
  --radius: 0;
  --ease: cubic-bezier(0.2, 0.7, 0.2, 1);
  --t-fast: 180ms;
  --t-reveal: 600ms;
}