/*
 * Jetons du design system Rahti : palette « Nuit + Safran » validee le 19/10/2026
 * sur mockups/00-rahtak-identite.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.
 * Le Safran (--brand-500) est clair : texte --ink-900 dessus, jamais blanc.
 */
:root {
  --brand-900: #6B4A00;
  --brand-700: #8F6200;
  --brand-500: #F5B323;
  --brand-300: #FAD27A;
  --brand-100: #FEF4DA;

  --accent-600: #0B2620;
  --accent-500: #133A31;
  --accent-100: #E7F3EE;

  --success: #0D8541;
  --warning: #9A6700;
  --danger: #E5484D;
  --info: #2B78A8;

  --ink-900: #0B2620;
  --ink-700: #34463F;
  --ink-500: #5C6B66;
  --ink-300: #A7B3AE;
  --ink-100: #DDE3E0;

  --surface: #FFFFFF;
  --surface-alt: #F7F8F6;
  --surface-sunk: #EEF1EE;

  /* Readex Pro dessine le latin et l'arabe ensemble (chargee dans index.html). */
  --font-latin: 'Readex Pro', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-arabic: 'Readex Pro', '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);
}