/* AUTO-GENERATED from tokens.json — do not edit manually. */
/* Run: swift scripts/generate-tokens.swift */

/* ─── Design tokens (light) ─── */
:root {
  --content-primary: #222222;
  --content-secondary: #777777;
  --content-tertiary: #999999;
  --content-on-dark: #101010;
  --icon-secondary: #777777;
  --background-primary: #FFFFFF;
  --background-secondary: #F7F8F9;
  --background-tertiary: #EEEEEE;
  --background-highlight: #D2E8F4;
  --divider: #EEEEEE;
  --border-opaque: #EEEEEE;
  --border-subtle: #DDDDDD;
  --border-input: #CCCCCC;
  --border-inverse: #FFFFFF;
  --border-selected: #222222;
  --accent: #FA5300;
  --accent-subtle: #FEEEE5;
  --positive: #1EA348;
  --negative: #FF0719;
  --interactive: #222222;
  --content-on-interactive: #FFFFFF;

  --font-euclid: 'Euclid Circular A', -apple-system, 'SF Pro Text', 'Helvetica Neue', sans-serif;
  --font-arabic: 'IBM Plex Sans Arabic', 'SF Pro Arabic', -apple-system, sans-serif;

  --spacing-200: 8px;
  --spacing-300: 12px;
  --spacing-400: 16px;
  --spacing-500: 20px;
  --spacing-600: 24px;
  --spacing-800: 40px;

  --radius-100: 4px;
  --radius-200: 8px;
  --radius-300: 12px;
  --radius-400: 16px;
  --radius-500: 24px;
  --radius-600: 40px;
  --radius-700: 48px;
  --radius-circle: 96px;

  --avatar-inline: 16px;
  --avatar-chip: 22px;
  --avatar-stacked: 32px;
  --avatar-picker: 40px;
  --avatar-list: 48px;
  --avatar-headerinner: 64px;
  --avatar-joinouter: 72px;
  --avatar-headerouter: 80px;
  --avatar-stacked-overlap: -8px;
  --avatar-overflow: 32px;

  --person-0: #AF52DE;
  --person-1: #34C759;
  --person-2: #FF9500;
  --person-3: #666673;
  --person-4: #3380F2;
  --person-5: #00B3B3;
  --person-6: #D94DA6;
  --person-7: #73A640;

  --anim-instant: 0.15s;
  --ease-instant: ease-in-out;
  --anim-quick: 0.25s;
  --ease-quick: cubic-bezier(0.34, 1.56, 0.64, 1);
  --anim-default: 0.3s;
  --ease-default: cubic-bezier(0.25, 0.1, 0.25, 1);
  --anim-smooth: 0.4s;
  --ease-smooth: cubic-bezier(0.32, 0.72, 0, 1);
  --anim-entrance: 0.35s;
  --ease-entrance: ease-in-out;
  --anim-celebration: 0.9s;
  --ease-celebration: ease-out;
}

/* ─── Dark mode ─── */
@media (prefers-color-scheme: dark) {
  :root {
    --content-primary: #F2F2F8;
    --content-secondary: #ABABB3;
    --content-tertiary: #8C8C94;
    --content-on-dark: #101010;
    --icon-secondary: #767676;
    --background-primary: #2C2C2E;
    --background-secondary: #1C1C1E;
    --background-tertiary: #3A3A3C;
    --background-highlight: #1A3040;
    --divider: #333333;
    --border-opaque: #747474;
    --border-subtle: #595959;
    --border-input: #838383;
    --border-inverse: #2C2C2E;
    --border-selected: #F2F2F8;
    --accent: #E85E1A;
    --accent-subtle: rgba(250, 107, 31, 0.12);
    --positive: #34B85C;
    --negative: #E64038;
    --interactive: #F2F2F8;
    --content-on-interactive: #1A1A1A;
  }
}