/* Votee design tokens. Values sampled from the Votee one-pager (Votee - Your
   Community On The Go.pdf). Names follow the --ds-* contract in
   design-systems/_core/README.md. */
:root {
  /* colour */
  --ds-accent: #ff3131;          /* red: display type only, 24px+ bold (3.6:1 on white) */
  --ds-on-accent: #ffffff;
  --ds-primary: #1800ad;         /* indigo: wordmark, pill buttons, "OUR MISSION" */
  --ds-on-primary: #ffffff;
  --ds-hand-ink: #ceb69b;        /* tan: hand-drawn arrows */
  --ds-ink: #111118;
  --ds-muted: #4b4b57;
  --ds-line: #e6e6ee;
  --ds-surface: #ffffff;
  --ds-surface-alt: #f8f8f8;     /* mission + how-it-works band */

  /* readable aliases */
  --votee-red: var(--ds-accent);
  --votee-indigo: var(--ds-primary);
  --votee-tan: var(--ds-hand-ink);

  /* type: free stand-ins for Placard Next Bold / TT Firs Neue / Feltpen */
  --ds-font-display: "Anton", "Impact", "Arial Narrow", sans-serif;
  --ds-font-body: "Inter", "Helvetica Neue", Arial, sans-serif;
  --ds-font-hand: "Caveat", "Segoe Script", cursive;

  --ds-step--1: .875rem;
  --ds-step-0: 1rem;
  --ds-step-1: 1.25rem;
  --ds-step-2: 1.75rem;
  --ds-step-3: 2.25rem;
  --ds-step-4: clamp(2.75rem, 6.5vw, 4.5rem);   /* section heads */
  --ds-step-5: clamp(3.5rem, 9vw, 6.5rem);      /* GET OUT. VOTE. */
  --ds-step-6: clamp(2.5rem, 12.5vw, 11rem);    /* SEE YOU THERE! */

  /* space, shape, measure */
  --ds-space-1: 4px;  --ds-space-2: 8px;  --ds-space-3: 12px;
  --ds-space-4: 16px; --ds-space-5: 24px; --ds-space-6: 32px;
  --ds-space-7: 48px; --ds-space-8: 64px; --ds-space-9: 96px;
  --ds-radius-pill: 999px;
  --ds-radius-card: 16px;
  --ds-radius-phone: 44px;
  --ds-maxw: 1180px;
}