/* Trocroy — design tokens (Direction A « Chaleureuse »).
   Single source of truth for colors, typography, spacing, radii, shadows.
   Used everywhere via var(--token-name). */

:root {
  /* Brand */
  --primary:       #1B2A4E;  /* Navy Rocroy */
  --primary-ink:   #0E1834;  /* Navy hover / dark */
  --primary-soft:  #E6E9F2;  /* Navy 5 % — backgrounds tints */
  --accent:        #D44848;  /* Rouge cœur */
  --accent-ink:    #A03333;  /* Rouge cœur hover */

  /* Neutres */
  --bg:            #FBF8F3;  /* Crème de fond */
  --surface:       #FFFFFF;  /* Cartes, headers */
  --line:          #ECE7DD;  /* Border standard */
  --line-2:        #DDD6C8;  /* Border accentuée */
  --ink:           #1B2A4E;  /* Texte principal (= primary) */
  --muted:         #7A7568;  /* Texte secondaire */

  /* Sémantique */
  --green:         #2F7A4A;
  --green-soft:    #E6F0E9;

  /* Typography */
  --font-sans:  'Plus Jakarta Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-mono:  'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Radii */
  --radius-card: 14px;
  --radius-btn:  10px;
  --radius-pill: 999px;

  /* Shadows (used sparingly — see brief) */
  --shadow-card: 0 1px 2px rgba(20, 30, 60, 0.04), 0 6px 18px rgba(20, 30, 60, 0.05);

  /* Spacing scale (base 4 px) — for reference, used inline. */
  /* 4 6 8 10 12 14 16 18 20 22 24 28 32 36 40 48 56 */

  /* Page horizontal padding */
  --page-pad:        28px;
  --page-pad-mobile: 16px;
}