/* ============================================
   Biences Design System — Variables
   ============================================ */

:root {
  /* --- Palette principale --- */
  --b-orange: #E87722;
  --b-orange-dark: #c65500;
  --b-orange-light: rgba(232, 119, 34, 0.1);
  --b-brown: #43372C;
  --b-brown-light: #6A4B3C;
  --b-taupe: #7A6D64;
  --b-beige: #F1E8DE;
  --b-beige-dark: #e8ddd0;
  --b-bg: #FBF8F6;
  --b-white: #ffffff;
  --b-border: #DEDEDE;
  --b-border-hover: #c8bfb3;
  --b-green: #2e7d5b;
  --b-green-light: rgba(46, 125, 91, 0.1);
  --b-red: #c0392b;
  --b-red-light: rgba(192, 57, 43, 0.1);
  --b-facebook: #1877F2;
  --b-google: #4285F4;

  /* --- Typographie --- */
  --b-font: "Lato", system-ui, -apple-system, sans-serif;
  --b-ls: 0.05em;
  --b-lh: 1.6;
  --b-fw-light: 300;
  --b-fw-normal: 400;
  --b-fw-bold: 700;

  /* --- Tailles de texte --- */
  --b-text-xs: 11px;
  --b-text-sm: 12px;
  --b-text-base: 13px;
  --b-text-md: 14px;
  --b-text-lg: 16px;
  --b-text-xl: 20px;
  --b-text-2xl: 24px;
  --b-text-3xl: 32px;

  /* --- Spacing --- */
  --b-sp-4: 4px;
  --b-sp-6: 6px;
  --b-sp-8: 8px;
  --b-sp-10: 10px;
  --b-sp-12: 12px;
  --b-sp-16: 16px;
  --b-sp-20: 20px;
  --b-sp-24: 24px;
  --b-sp-32: 32px;
  --b-sp-40: 40px;
  --b-sp-48: 48px;

  /* --- Border radius --- */
  --b-radius-sm: 8px;
  --b-radius-md: 12px;
  --b-radius-lg: 16px;
  --b-radius-pill: 999px;

  /* --- Ombres --- */
  --b-shadow-sm: 0 2px 8px rgba(67, 55, 44, 0.04);
  --b-shadow-md: 0 4px 16px rgba(67, 55, 44, 0.06);
  --b-shadow-lg: 0 8px 28px rgba(67, 55, 44, 0.08);
  --b-shadow-orange: 0 4px 14px rgba(232, 119, 34, 0.25);

  /* --- Easings --- */
  --b-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --b-dur-fast: 150ms;
  --b-dur-normal: 300ms;

  /* --- Layout --- */
  --b-container: min(1370px, calc(100vw - 80px));
  --b-header-height: 64px;

  /* --- Z-index --- */
  --b-z-dropdown: 100;
  --b-z-sticky: 200;
  --b-z-overlay: 300;
  --b-z-modal: 400;
  --b-z-toast: 500;

  /* --- Extra palette --- */
  --b-amber: #D4950A;
  --b-amber-light: rgba(212, 149, 10, 0.1);
  --b-green-soft: rgba(46, 125, 91, 0.06);
  --b-red-soft: rgba(192, 57, 43, 0.06);

  /* --- Dataviz --- */
  --b-chart-primary: #E87722;
  --b-chart-secondary: #43372C;
  --b-chart-tertiary: #7A6D64;
  --b-chart-quaternary: #F1E8DE;
  --b-chart-quinary: #c65500;
  --b-chart-grid: #DEDEDE;
  --b-chart-tooltip-bg: #43372C;
  --b-chart-tooltip-text: #ffffff;
}