/* Généré par npm run tokens:build depuis src/ui/design-system/tokens.ts : ne pas modifier à la main. */
:root {
  /* Palette */
  --bf-midnight: #151225;
  --bf-violet: #9B78FF;
  --bf-lime: #D9FF70;
  --bf-coral: #FF738A;
  --bf-mint: #65D4C8;
  --bf-cream: #FAF3E8;
  --bf-amber: #FFB35C;
  --bf-electric: #5B8CFF;
  --bf-midnight-2: #1F1A36;
  --bf-midnight-3: #2A2347;
  --bf-plum: #4A3478;
  --bf-plum-deep: #3B2A63;
  --bf-mist: #B9B2CC;
  /* Rôles */
  --bf-bg: #151225;
  --bf-surface-1: #1F1A36;
  --bf-surface-2: #2A2347;
  --bf-card: #4A3478;
  --bf-card-pressed: #3B2A63;
  --bf-text: #FAF3E8;
  --bf-text-muted: #B9B2CC;
  --bf-accent: #D9FF70;
  --bf-on-accent: #151225;
  --bf-timer: #FF738A;
  --bf-danger: #FF738A;
  --bf-on-danger: #151225;
  --bf-success: #65D4C8;
  --bf-callback: #D9FF70;
  --bf-focus: #D9FF70;
  --bf-backdrop: rgba(21, 18, 37, 0.8);
  --bf-on-color: #151225;
  /* Mécaniques */
  --bf-mech-rafale: #9B78FF;
  --bf-mech-five-seconds: #FF738A;
  --bf-mech-tribunal: #FFB35C;
  --bf-mech-duel: #65D4C8;
  --bf-mech-bluff: #5B8CFF;
  /* Joueurs */
  --bf-player-tangerine: #FF9F6B;
  --bf-player-sky: #7FD8FF;
  --bf-player-sun: #FFD84D;
  --bf-player-orchid: #C38BFF;
  --bf-player-jade: #6BE3A2;
  --bf-player-rose: #FF7EC9;
  --bf-player-periwinkle: #B8C2FF;
  --bf-player-pearl: #F2F2F2;
  /* Espacements */
  --bf-space-1: 0.25rem;
  --bf-space-2: 0.5rem;
  --bf-space-3: 0.75rem;
  --bf-space-4: 1rem;
  --bf-space-5: 1.25rem;
  --bf-space-6: 1.5rem;
  --bf-space-7: 2rem;
  --bf-space-8: 2.5rem;
  --bf-space-9: 3rem;
  --bf-space-10: 4rem;
  /* Rayons */
  --bf-radius-card: 28px;
  --bf-radius-button: 20px;
  --bf-radius-chip: 999px;
  --bf-radius-field: 14px;
  --bf-radius-panel: 24px;
  /* Typographie */
  --bf-family-display: 'Unbounded Variable', 'Arial Black', system-ui, sans-serif;
  --bf-family-body: 'Figtree Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --bf-font-display-xl: clamp(2.25rem, 9vw, 3.5rem);
  --bf-font-display-l: 2rem;
  --bf-font-title: 1.5rem;
  --bf-font-body-l: 1.25rem;
  --bf-font-body: 1.0625rem;
  --bf-font-label: 0.875rem;
  --bf-font-timer: clamp(4rem, 22vw, 7rem);
  --bf-weight-regular: 400;
  --bf-weight-medium: 600;
  --bf-weight-bold: 800;
  --bf-weight-display: 800;
  --bf-tracking-label: 0.08em;
  --bf-tracking-display: 0.01em;
  --bf-leading-tight: 1.05;
  --bf-leading-body: 1.4;
  /* Motion */
  --bf-dur-instant: 80ms;
  --bf-dur-fast: 150ms;
  --bf-dur-base: 240ms;
  --bf-dur-slow: 400ms;
  --bf-dur-dramatic: 900ms;
  --bf-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --bf-ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  /* Ionic (châssis) */
  --ion-background-color: #151225;
  --ion-background-color-rgb: 21, 18, 37;
  --ion-text-color: #FAF3E8;
  --ion-text-color-rgb: 250, 243, 232;
  --ion-color-primary: #D9FF70;
  --ion-color-primary-rgb: 217, 255, 112;
  --ion-color-primary-contrast: #151225;
  --ion-color-primary-contrast-rgb: 21, 18, 37;
  --ion-color-primary-shade: #BFE063;
  --ion-color-primary-tint: #DDFF7E;
  --ion-font-family: 'Figtree Variable', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --ion-toolbar-background: #151225;
  --ion-item-background: #1F1A36;
}
