/* Tokens du kit d'interface « Harissa » : généré à partir de docs/design/tokens/ui-harissa.tokens.json (source de vérité). */
:root {
  --ui-harissa-50: #FEF2F1;
  --ui-harissa-100: #FDE1DE;
  --ui-harissa-200: #FAC4BE;
  --ui-harissa-300: #F29A90;
  --ui-harissa-500: #D63F31;
  --ui-harissa-600: #C0281C;
  --ui-harissa-700: #A11E16;
  --ui-harissa-800: #841A15;

  --ui-neutral-0: #FFFFFF;
  --ui-neutral-50: #FAF8F5;
  --ui-neutral-100: #F3EFEA;
  --ui-neutral-200: #E7E1D9;
  --ui-neutral-300: #D2CAC0;
  --ui-neutral-400: #A89F95;
  --ui-neutral-500: #7D746B;
  --ui-neutral-600: #5E564F;
  --ui-neutral-700: #433D38;
  --ui-neutral-800: #2B2724;
  --ui-neutral-900: #1A1715;

  --ui-saffron-100: #FFF4D6;
  --ui-saffron-300: #FFD66B;
  --ui-saffron-500: #FFB703;
  --ui-saffron-700: #8F6300;

  --ui-success: #1E7A46;
  --ui-success-soft: #E3F4EA;
  --ui-info: #1D5FA8;
  --ui-info-soft: #E6EFFA;
  --ui-error: var(--ui-harissa-700);
  --ui-error-soft: var(--ui-harissa-50);
  --ui-warning: var(--ui-saffron-700);
  --ui-warning-soft: var(--ui-saffron-100);
  --ui-sold-out: var(--ui-neutral-800);

  --ui-bg: var(--ui-neutral-50);
  --ui-surface: var(--ui-neutral-0);
  --ui-text: var(--ui-neutral-900);
  --ui-text-muted: var(--ui-neutral-600);
  --ui-border: var(--ui-neutral-200);
  --ui-border-input: var(--ui-neutral-500);
  --ui-action: var(--ui-harissa-600);
  --ui-action-press: var(--ui-harissa-700);
  --ui-on-action: #FFFFFF;
  --ui-focus-ring: var(--ui-neutral-900);
  --ui-switch-on: var(--ui-success);
  --ui-switch-off: var(--ui-neutral-500);

  --ui-font: 'Rubik', system-ui, sans-serif;

  --ui-radius-button: 999px;
  --ui-radius-input: 14px;
  --ui-radius-card: 20px;
  --ui-radius-sheet: 24px;
  --ui-radius-thumb: 12px;

  --ui-space-1: 4px;
  --ui-space-2: 8px;
  --ui-space-3: 12px;
  --ui-space-4: 16px;
  --ui-space-5: 20px;
  --ui-space-6: 24px;
  --ui-space-8: 32px;
  --ui-space-10: 40px;
  --ui-space-12: 48px;

  --ui-touch-min: 44px;
  --ui-control: 48px;
  --ui-cta: 54px;
  --ui-bottom-nav: 64px;

  --ui-shadow-card: 0 1px 2px rgb(26 23 21 / 0.06), 0 4px 16px rgb(26 23 21 / 0.06);
  --ui-shadow-fab: 0 4px 16px rgb(192 40 28 / 0.35);
  --ui-shadow-sheet: 0 -8px 32px rgb(26 23 21 / 0.16);
}