/*
 * Jetons du design system ToGo, valides le 26/09/2026 sur mockups/00-design-system.html.
 *
 * Ces valeurs doivent rester identiques a packages/shared/src/theme/index.js,
 * qui est la source de verite. Le test backend/tests/theme.test.js echoue si
 * les deux divergent. Changer une couleur = repasser par une maquette validee.
 */
:root {
  --brand-900: #4A3306;
  --brand-700: #8A6210;
  --brand-500: #B08020;
  --brand-300: #D9B968;
  --brand-100: #FDF3DC;

  --accent-600: #1A1A1A;
  --accent-500: #3A3A3A;
  --accent-100: #FDF8ED;

  --success: #007838;
  --warning: #B08020;
  --danger: #E5484D;
  --info: #2A6FB0;

  --ink-900: #1A1A1A;
  --ink-700: #44403A;
  --ink-500: #78716A;
  --ink-300: #B5AFA5;
  --ink-100: #EAE6DE;

  --surface: #FFFFFF;
  --surface-alt: #FAF8F4;
  --surface-sunk: #F2EEE6;

  --font-latin: 'Inter', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic: 'Noto Sans Arabic', 'Segoe UI', sans-serif;

  --text-xs: 12px;
  --text-sm: 14px;
  --text-md: 16px;
  --text-lg: 20px;
  --text-xl: 26px;
  --text-2xl: 34px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;

  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-pill: 999px;

  --shadow-card: 0 1px 2px rgba(20, 32, 28, 0.06), 0 8px 24px rgba(20, 32, 28, 0.08);
}