/* Fichier généré par `pnpm --filter @bnb/web tokens` depuis design/tokens/figma-variables.json.
   Ne pas modifier à la main : changer la variable dans Figma, réexporter, régénérer. */

:root {
  color-scheme: dark;
  --color-bg-canvas: #0f0c0e;
  --color-bg-surface: #1a1517;
  --color-bg-surface-alt: #231c1f;
  --color-bg-brand-subtle: #2a1820;
  --color-bg-info-subtle: #17232c;
  --color-bg-success-subtle: #162a1f;
  --color-bg-warning-subtle: #2e2312;
  --color-bg-danger-subtle: #33181d;
  --color-bg-overlay: #0f0c0eb8;
  --color-action-primary: #8b2a45;
  --color-action-primary-hover: #9c3452;
  --color-text-primary: #f3ede4;
  --color-text-secondary: #b3a9a4;
  --color-text-brand: #d9a0ae;
  --color-text-on-action: #ffffff;
  --color-text-info: #7db4d6;
  --color-text-success: #6cc79a;
  --color-text-warning: #e3ac5c;
  --color-text-danger: #f0808e;
  --color-text-gold: #d4b87a;
  --color-accent-gold: #d4b87a;
  --color-border-default: #2e2629;
  --color-border-strong: #8a7f82;
  --color-border-focus: #d9a0ae;
  --spacing-1: 4px;
  --spacing-2: 8px;
  --spacing-3: 12px;
  --spacing-4: 16px;
  --spacing-5: 20px;
  --spacing-6: 24px;
  --spacing-8: 32px;
  --spacing-10: 40px;
  --spacing-12: 48px;
  --spacing-16: 64px;
  --radius-none: 0px;
  --radius-sm: 2px;
  --radius-md: 4px;
  --radius-lg: 8px;
  --radius-full: 9999px;
  --radius-field: 2px;
  --radius-card: 4px;
  --radius-panel: 8px;
}

[data-theme='light'] {
  color-scheme: light;
  --color-bg-canvas: #faf7f2;
  --color-bg-surface: #ffffff;
  --color-bg-surface-alt: #f2ece3;
  --color-bg-brand-subtle: #f4ecec;
  --color-bg-info-subtle: #eef3f6;
  --color-bg-success-subtle: #eaf2ec;
  --color-bg-warning-subtle: #f8f0e2;
  --color-bg-danger-subtle: #f8e9ea;
  --color-bg-overlay: #0f0c0eb8;
  --color-action-primary: #4a1424;
  --color-action-primary-hover: #611a30;
  --color-text-primary: #1a1517;
  --color-text-secondary: #5e5558;
  --color-text-brand: #4a1424;
  --color-text-on-action: #ffffff;
  --color-text-info: #2c5f7f;
  --color-text-success: #2d6a4a;
  --color-text-warning: #8f5a14;
  --color-text-danger: #a12435;
  --color-text-gold: #7a5c1e;
  --color-accent-gold: #b8975a;
  --color-border-default: #e4dcd0;
  --color-border-strong: #5e5558;
  --color-border-focus: #4a1424;
}