/* GENERATED by scripts/sync-design-tokens.mjs. Do not edit. */
/* Source: packages/tokens/src/tokens.ts */

:root {

  /* color */
  --ground: #0A0B0F;
  --surface-arena: #13151C;
  --surface-pod: #171A21;
  --surface-raised: #1E222B;
  --surface-pressed: #262B36;
  --line: rgba(255, 255, 255, .08);
  --line-strong: rgba(255, 255, 255, .16);
  --ink: #F1F2F6;
  --ink-muted: #A9B0BD;
  --ink-faint: #6B7280;
  --volt: #D8FF3E;
  --volt-ink: #0A0B0F;
  --volt-dim: rgba(216, 255, 62, .14);
  --volt-line: rgba(216, 255, 62, .55);
  --win: #3DDC84;
  --risk: #FFB547;
  --danger: #FF5C5C;
  --info: #7DA2FF;
  --suit-clubs: #2ECC7A;
  --suit-diamonds: #3D8BFF;
  --suit-hearts: #FF4D5E;
  --suit-spades: #14161B;
  --card-face: #F5F5F2;
  --card-edge: #D8D8D5;
  --card-back: #1A1D25;
  --card-back-line: rgba(216, 255, 62, .10);
  --clock-track: rgba(255, 255, 255, .16);
  --clock-neutral: #A9B0BD;
  --glass-tint: rgba(16, 18, 23, .72);
  --scrim: rgba(10, 11, 15, .72);
  --alpha-dim: 0.6;
  --alpha-out: 0.42;

  /* chip, canonical cardroom denominations */
  --chip-1-fill: #F0EEE8;
  --chip-1-ring: #B9B6AE;
  --chip-1-ink: #14161B;
  --chip-5-fill: #E23D3D;
  --chip-5-ring: #F5F5F2;
  --chip-5-ink: #F5F5F2;
  --chip-10-fill: #2F7BF6;
  --chip-10-ring: #F5F5F2;
  --chip-10-ink: #F5F5F2;
  --chip-25-fill: #23B26D;
  --chip-25-ring: #F5F5F2;
  --chip-25-ink: #F5F5F2;
  --chip-100-fill: #17181D;
  --chip-100-ring: #6B7280;
  --chip-100-ink: #F5F5F2;
  --chip-500-fill: #8A5CF6;
  --chip-500-ring: #F5F5F2;
  --chip-500-ink: #F5F5F2;
  --chip-1000-fill: #F2C94C;
  --chip-1000-ring: #14161B;
  --chip-1000-ink: #14161B;

  /* typography */
  --font-display: "Bricolage Grotesque", "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-sans: "Onest", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Geist Mono", ui-monospace, Menlo, Consolas, monospace;
  --font-numeric: tabular-nums;
  --font-tracking-label: .08em;
  --font-tracking-display: -.03em;
  --font-stretch-display: 85%;
  --font-stretch-wordmark: 80%;
  --font-weight-display: 800;
  --font-weight-label: 700;
  --font-weight-body: 500;
  --step-0: clamp(0.94rem, 0.90rem + 0.20vw, 1.00rem);
  --step-1: clamp(1.13rem, 1.06rem + 0.30vw, 1.25rem);
  --step-2: clamp(1.38rem, 1.28rem + 0.50vw, 1.63rem);
  --step-3: clamp(1.75rem, 1.55rem + 0.90vw, 2.13rem);
  --step-4: clamp(2.25rem, 1.90rem + 1.50vw, 2.88rem);
  --step-n2: clamp(0.69rem, 0.66rem + 0.15vw, 0.75rem);
  --step-n1: clamp(0.81rem, 0.78rem + 0.17vw, 0.88rem);

  /* space */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-xl: 24px;
  --space-xxl: 32px;
  --space-fold-gap: 20px;
  --space-touch: 44px;
  --space-gutter: clamp(16px, 4vw, 24px);
  --space-palm: 10mm;
  --space-safe-bottom: env(safe-area-inset-bottom, 0px);
  --space-card-ratio: 5 / 7;
  --space-card-hero: clamp(44px, 15vmin, 72px);
  --space-card-board: clamp(48px, 13vmin, 56px);
  --space-card-opponent: 32px;
  --space-card-tilt: 2deg;
  --space-seat-avatar: 36px;
  --space-seat-avatar-compact: 28px;
  --space-seat-compact: 84px;
  --space-ring: 1px;
  --space-ring-locked: 2px;
  --space-clock: clamp(80px, 22vmin, 132px);
  --space-clock-stroke: 3;
  --space-arena-max-width: 1240px;
  --space-arena-max-height: 620px;
  --space-hairline: 1px;
  --space-radius-small: 10px;
  --space-radius-large: 24px;
  --space-radius-card: 6px;
  --space-press-depth: 2px;

  /* motion, the micro interaction table from the plan */
  --motion-ease-out: cubic-bezier(.16, 1, .3, 1);
  --motion-ease-in-out: cubic-bezier(.65, 0, .35, 1);
  --motion-floor: 80ms;
  --motion-ceiling: 500ms;
  --motion-state-swap: 120ms;
  --motion-press-in: 80ms;
  --motion-press-scale: 0.97;
  --motion-deal-per-card: 180ms;
  --motion-deal-stagger: 70ms;
  --motion-deal-arc-rotation: 10;
  --motion-deal-overshoot: 1.02;
  --motion-deal-settle: 90ms;
  --motion-board-flip: 220ms;
  --motion-board-stagger: 90ms;
  --motion-board-breath: 400ms;
  --motion-board-perspective: 800;
  --motion-board-glow-in: 300ms;
  --motion-board-glow-out: 600ms;
  --motion-action-bar-in: 200ms;
  --motion-action-bar-stagger: 30ms;
  --motion-lock-mark: 120ms;
  --motion-counter-roll: 150ms;
  --motion-reveal-pause: 400ms;
  --motion-reveal-simultaneous: 260ms;
  --motion-chips-to-pot: 250ms;
  --motion-chips-stagger: 40ms;
  --motion-pot-roll: 400ms;
  --motion-clock-to-amber: 400ms;
  --motion-clock-pulse: 1000ms;
  --motion-clock-pulse-scale: 1.04;
  --motion-clock-timeout-fade: 200ms;
  --motion-showdown-per-seat: 300ms;
  --motion-showdown-stagger: 250ms;
  --motion-hand-highlight: 400ms;
  --motion-hand-name-in: 200ms;
  --motion-hand-name-out: 1200ms;
  --motion-pot-to-winner: 400ms;
  --motion-pot-hold: 700ms;
  --motion-stack-roll: 600ms;
  --motion-seat-fill-in: 260ms;
  --motion-dealer-line-in: 200ms;
  --motion-dealer-line-hold: 1800ms;
  --motion-dealer-line-out: 300ms;
  --motion-modal-in: 220ms;
  --motion-toast-in: 200ms;
  --motion-reject-shake: 180ms;
  --motion-touch-ack-budget: 100ms;

  /* layer */
  --layer-felt: 0;
  --layer-grain: 1;
  --layer-seats: 10;
  --layer-cards: 20;
  --layer-chips: 30;
  --layer-clock: 40;
  --layer-hud: 45;
  --layer-action-bar: 50;
  --layer-modal: 60;
  --layer-toast: 70;

  /* glass, one surface per viewport */
  --glass-backdrop: blur(18px) saturate(160%);
  --glass-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 14px 40px rgba(0, 0, 0, .5);
  --glass-fallback: #14171E;
}

/* Opaque background, not merely less transparent. */
@media (prefers-reduced-transparency: reduce) {
  :root {
    --glass-backdrop: none;
    --glass-shadow: 0 10px 30px rgba(0, 0, 0, .45);
  }
}

/* The fast animation toggle halves every duration. */
[data-motion="fast"] {
  --motion-floor: 40ms;
  --motion-ceiling: 250ms;
  --motion-state-swap: 60ms;
  --motion-press-in: 40ms;
  --motion-deal-per-card: 90ms;
  --motion-deal-stagger: 35ms;
  --motion-deal-settle: 45ms;
  --motion-board-flip: 110ms;
  --motion-board-stagger: 45ms;
  --motion-board-breath: 200ms;
  --motion-board-glow-in: 150ms;
  --motion-board-glow-out: 300ms;
  --motion-action-bar-in: 100ms;
  --motion-action-bar-stagger: 15ms;
  --motion-lock-mark: 60ms;
  --motion-counter-roll: 75ms;
  --motion-reveal-pause: 200ms;
  --motion-reveal-simultaneous: 130ms;
  --motion-chips-to-pot: 125ms;
  --motion-chips-stagger: 20ms;
  --motion-pot-roll: 200ms;
  --motion-clock-to-amber: 200ms;
  --motion-clock-pulse: 500ms;
  --motion-clock-timeout-fade: 100ms;
  --motion-showdown-per-seat: 150ms;
  --motion-showdown-stagger: 125ms;
  --motion-hand-highlight: 200ms;
  --motion-hand-name-in: 100ms;
  --motion-hand-name-out: 600ms;
  --motion-pot-to-winner: 200ms;
  --motion-pot-hold: 350ms;
  --motion-stack-roll: 300ms;
  --motion-seat-fill-in: 130ms;
  --motion-dealer-line-in: 100ms;
  --motion-dealer-line-hold: 900ms;
  --motion-dealer-line-out: 150ms;
  --motion-modal-in: 110ms;
  --motion-toast-in: 100ms;
  --motion-reject-shake: 90ms;
  --motion-touch-ack-budget: 50ms;
}