/* GENERATED from apps/mobile/src/theme/tokens.ts — do not edit.
 * Rebuild with `npm run tokens:css`. */

:root {
  --color-white: #FFFFFF;
  --color-violet: #6C4CF7;
  --color-violet-deep: #4A2FD1;
  --color-violet-surface: #EDE7F9;
  --color-violet-surface-soft: #F4F1FE;
  --color-violet-surface-faint: #F3F0FC;
  --color-violet-tint: #EFEAFB;
  --color-violet-tint-soft: #F1EDFB;
  --color-violet-hairline: #F8F5FE;
  --color-violet-on-dark: #E2DBFF;
  --color-violet-on-dark-soft: #D8D0FF;
  --color-violet-chart: #C9BEF8;
  --color-mint: #2ED9A0;
  --color-mint-deep: #17A87A;
  --color-mint-ink: #04382A;
  --color-mint-surface: #F2FCF8;
  --color-mint-text: #0E7A57;
  --color-sun: #FFC43D;
  --color-sun-deep: #D99B14;
  --color-sun-surface: #FFF3D4;
  --color-sun-ink: #7A5A05;
  --color-flame: #FF8A5B;
  --color-flame-surface: #FFEDE3;
  --color-flame-ink: #8A3B14;
  --color-sky: #37B6FF;
  --color-sky-deep: #1C8FD1;
  --color-ochre-surface: #FFF9EC;
  --color-ochre-border: #E8B84B;
  --color-ochre-heading: #8A5A05;
  --color-ochre-text: #6B5A2E;
  --color-cream: #FFF9F0;
  --color-mist: #E8E2F5;
  --color-mist-dashed: #CFC5EC;
  --color-ink: #2B2140;
  --color-ink-soft: #5C5470;
  --color-ink-muted: #8B84A3;
  --color-ink-faint: #9A91B8;
  --color-ink-disabled: #B6AECC;
  --color-map-bg: #EAF6FF;
  --color-map-blob: #DCEEFE;
  --color-map-muted: #6E86A0;
  --color-map-dot: #BBD8EE;
  --color-locked-surface: #F2F7FB;
  --color-locked-border: #C7DBEA;
  --color-locked-icon: #E4EDF4;
  --color-locked-glyph: #B3C7D6;
  --color-locked-title: #7E93A6;
  --color-locked-subtitle: #9DB0C0;
  --color-tab-border: #E3EEF7;
  --color-tab-inactive: #DCE4EC;
  --color-tab-inactive-text: #94A5B4;
  --color-mascot-skin: #FFE0B8;
  --color-animal-vos: #B84A16;
  --color-animal-haas: #A0752E;
  --color-animal-uil: #63421D;
  --color-animal-egel: #2F7A64;
  --color-animal-muis: #6E6887;
  --color-animal-schildpad: #4C7A2E;
  --color-spoken-wash: #FFEFC2;
  --color-cinema-bg: #0D0918;
  --color-cinema-surface: #171130;
  --color-cinema-surface-soft: #1F1840;
  --color-cinema-border: #2C2352;
  --color-cinema-text: #F4F1FF;
  --color-cinema-text-soft: #BDB4DC;
  --color-cinema-text-muted: #8880A6;
  --color-cinema-accent: #8B6BFF;
  --color-cinema-accent-ink: #100A24;
  --color-cinema-chip: rgba(255,255,255,0.07);
  --color-cinema-veil: rgba(13, 9, 24, 0.82);
  --color-cinema-chip-border: rgba(255,255,255,0.14);
  --color-cinema-scrim: 13, 9, 24;
  --color-parent-bg: #F7F8FA;
  --color-parent-text: #1F2430;
  --color-parent-body: #3C4353;
  --color-parent-muted: #5B6373;
  --color-parent-muted-soft: #6B7383;
  --color-parent-label: #98A0B0;
  --color-parent-dim: #B4BBC7;
  --color-parent-border: #E9ECF2;
  --color-parent-border-strong: #E4E7EE;
  --color-parent-control-border: #DDE1E9;
  --color-parent-selected: #F1EEFE;
  --color-parent-avatar-alt: #D9E8F5;
  --color-parent-green: #2A9D6E;
  --color-parent-amber: #E0A63A;

  --radius-xs: 7px;
  --radius-sm: 10px;
  --radius-chip: 12px;
  --radius-tile: 14px;
  --radius-tile-lg: 16px;
  --radius-card: 18px;
  --radius-button: 20px;
  --radius-card-sm: 22px;
  --radius-card-md: 24px;
  --radius-card-lg: 26px;
  --radius-sheet: 32px;
  --radius-phone: 38px;
  --radius-pill: 999px;

  --space-xxs: 2px;
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 12px;
  --space-lg: 16px;
  --space-screen: 20px;
  --space-xl: 22px;
  --space-xxl: 26px;
  --space-xxxl: 34px;

  --font-display: 'Baloo 2', Nunito, system-ui, sans-serif;
  --font-body: Nunito, system-ui, sans-serif;
}