/* Fart Roulette tokens — generated from tokens.json */
:root {
  --fr-color-ground-night: #0D0E10;
  --fr-color-ground-surface: #17191C;
  --fr-color-ground-raised: #202328;
  --fr-color-ground-raisedPressed: #282C32;
  --fr-color-ground-lineSubtle: #24272C;
  --fr-color-ground-line: #2C3036;
  --fr-color-ground-lineStrong: #33373E;
  --fr-color-ground-lineEmphasis: #3A3F46;
  --fr-color-ground-control: #4A4F57;
  --fr-color-ground-joiningRing: #5D636B;
  --fr-color-ground-edgeDark: #08090A;
  --fr-color-ink-chalk: #F4F2EC;
  --fr-color-ink-fog: #A9ADB4;
  --fr-color-ink-smoke: #7C828B;
  --fr-color-ink-muted: #6A7078;
  --fr-color-ink-soot: #1A1206;
  --fr-color-fuse-base: #FFC53D;
  --fr-color-fuse-pressed: #F5B92A;
  --fr-color-fuse-edge: #C48A12;
  --fr-color-fuse-on: #1A1206;
  --fr-color-fuse-focusRing: rgba(255, 197, 61, 0.22);
  --fr-color-fuse-tint: #2A2210;
  --fr-color-gas-base: #9FD46A;
  --fr-color-gas-pressed: #93C95E;
  --fr-color-gas-edge: #5E9A35;
  --fr-color-gas-on: #0F1A08;
  --fr-color-gas-text: #8BDB63;
  --fr-color-gas-outline: #18240F;
  --fr-color-gas-shade: #88C257;
  --fr-color-gas-highlight: #D6F2B0;
  --fr-color-ember-base: #FF9F1C;
  --fr-color-ember-text: #FFB04D;
  --fr-color-ember-tint: rgba(255, 159, 28, 0.12);
  --fr-color-ember-border: rgba(255, 159, 28, 0.45);
  --fr-color-ember-glow: rgba(255, 159, 28, 0.50);
  --fr-color-siren-base: #C93420;
  --fr-color-siren-ray: #B02A17;
  --fr-color-siren-text: #FF7A66;
  --fr-color-siren-tint: #241614;
  --fr-color-disabled-fill: #2A2D32;
  --fr-color-disabled-edge: #1A1C20;
  --fr-color-disabled-text: #7C828B;
  --fr-color-toast-background: #F4F2EC;
  --fr-color-toast-text: #0D0E10;
  --fr-color-toast-meta: #5A5F66;
  --fr-color-info-wetness: #6FB7E8;
  --fr-color-avatar-amber: #F2B33D;
  --fr-color-avatar-coral: #F08A73;
  --fr-color-avatar-sky: #6FB7E8;
  --fr-color-avatar-gas: #9FD46A;
  --fr-color-avatar-lilac: #B9A2F2;
  --fr-color-avatar-pink: #F29BC0;
  --fr-color-avatar-sand: #E8C99A;
  --fr-color-avatar-teal: #6FD1C2;
  --fr-color-avatar-ring: #FFF3DA;
  --fr-color-pack-classicsTile: #22301A;
  --fr-color-pack-squeakersTile: #302812;
  --fr-color-pack-thunderTile: #27223A;
  --fr-color-lettering-outline: #120A03;
  --fr-color-lettering-fuseSide: #7A3A0C;
  --fr-color-lettering-creamSide: #6B4A2C;
  --fr-color-lettering-fuseGradient: linear-gradient(180deg, #FFF6B0 0%, #FFD940 38%, #FFC51F 40%, #F08A0C 100%);
  --fr-color-lettering-creamGradient: linear-gradient(180deg, #FFFFFF 0%, #FFF4DC 45%, #EBCB98 100%);
  --fr-font-family-display: 'Lilita One', 'Arial Black', sans-serif;
  --fr-font-family-ui: Figtree, system-ui, sans-serif;
  --fr-typography-shout: 400 60px/1 var(--fr-font-family-display);
  --fr-typography-display: 400 40px/1 var(--fr-font-family-display);
  --fr-typography-title: 800 30px/36px var(--fr-font-family-ui);
  --fr-typography-title-tracking: -0.01em;
  --fr-typography-titleSmall: 800 26px/32px var(--fr-font-family-ui);
  --fr-typography-heading: 700 22px/28px var(--fr-font-family-ui);
  --fr-typography-bodyLarge: 500 16px/24px var(--fr-font-family-ui);
  --fr-typography-body: 500 15px/22px var(--fr-font-family-ui);
  --fr-typography-button: 700 18px/1 var(--fr-font-family-ui);
  --fr-typography-rowName: 700 16px/20px var(--fr-font-family-ui);
  --fr-typography-packName: 700 17px/22px var(--fr-font-family-ui);
  --fr-typography-label: 600 15px/20px var(--fr-font-family-ui);
  --fr-typography-pill: 700 14px/1 var(--fr-font-family-ui);
  --fr-typography-caption: 600 13px/18px var(--fr-font-family-ui);
  --fr-typography-status: 700 12px/16px var(--fr-font-family-ui);
  --fr-typography-chip: 800 12px/1 var(--fr-font-family-ui);
  --fr-typography-chip-tracking: 0.12em;
  --fr-typography-codeDisplay: 800 56px/1 var(--fr-font-family-ui);
  --fr-typography-codeDisplay-tracking: 0.24em;
  --fr-typography-codeCell: 800 40px/1 var(--fr-font-family-ui);
  --fr-typography-codeChip: 800 18px/1 var(--fr-font-family-ui);
  --fr-typography-codeChip-tracking: 0.14em;
  --fr-typography-eyebrow: 700 11px/1 var(--fr-font-family-ui);
  --fr-typography-eyebrow-tracking: 0.14em;
  --fr-radius-xs: 12px;
  --fr-radius-sm: 14px;
  --fr-radius-md: 16px;
  --fr-radius-lg: 20px;
  --fr-radius-xl: 24px;
  --fr-radius-xxl: 28px;
  --fr-radius-pill: 999px;
  --fr-radius-appIcon: 22.5%;
  --fr-spacing-1: 4px;
  --fr-spacing-2: 8px;
  --fr-spacing-3: 12px;
  --fr-spacing-4: 16px;
  --fr-spacing-5: 20px;
  --fr-spacing-6: 24px;
  --fr-spacing-8: 32px;
  --fr-spacing-12: 48px;
  --fr-size-hitTarget: 44px;
  --fr-size-button: 60px;
  --fr-size-pillButton: 36px;
  --fr-size-chip: 32px;
  --fr-size-codeChip: 44px;
  --fr-size-toast: 48px;
  --fr-size-listRow: 64px;
  --fr-size-soundRow: 68px;
  --fr-size-statRow: 52px;
  --fr-size-packCard: 88px;
  --fr-size-codeCellWidth: 72px;
  --fr-size-codeCellHeight: 84px;
  --fr-size-codeTileHeight: 96px;
  --fr-size-qrCard: 176px;
  --fr-size-scanner: 300px;
  --fr-size-radar: 300px;
  --fr-size-readyIndicator: 28px;
  --fr-size-radio: 24px;
  --fr-size-avatar-reveal: 140px;
  --fr-size-avatar-spotlight: 64px;
  --fr-size-avatar-list: 44px;
  --fr-size-avatar-stack: 40px;
  --fr-size-avatar-toast: 32px;
  --fr-size-screenGutter: 24px;
  --fr-elevation-fuseEdge: 0px 5px 0px 0px #C48A12;
  --fr-elevation-gasEdge: 0px 5px 0px 0px #5E9A35;
  --fr-elevation-darkEdge: 0px 4px 0px 0px #08090A;
  --fr-elevation-disabledEdge: 0px 5px 0px 0px #1A1C20;
  --fr-elevation-toast: 0px 10px 30px 0px rgba(0,0,0,0.45);
  --fr-motion-press: 80ms;
  --fr-motion-toastVisible: 2500ms;
  --fr-motion-radarPing: 2600ms;
  --fr-motion-armedBob: 3000ms;
  --fr-motion-statusPulse: 1400ms;
  --fr-motion-waitingDots: 1200ms;
  --fr-motion-scanSweep: 2200ms;
  --fr-motion-spinner: 900ms;
}