/* ============================================
   DESIGN TOKENS — Superproper
   Variables globales : couleurs, typo, spacing
   ============================================ */

:root {
  /* Couleurs principales */
  --primary: #00394d;
  --primary-light: #004e41;
  --primary-dark: #002535;

  /* Accent (jaune) */
  --accent: #f4d35e;
  --accent-dark: #d4a846;
  --accent-pastel: #fef9e7;
  --accent-border: #f5e6a3;
  --accent-text: #7c6a2a;

  /* Neutres */
  --white: #ffffff;
  --grey-50: #f5f5f5;
  --grey-100: #e5e7eb;
  --grey-200: #e2e8f0;
  --grey-500: #9ca3af;
  --grey-600: #6b7280;
  --grey-700: #4b5563;
  --grey-800: #1f2937;

  /* Texte */
  --text-primary: #2c3e50;
  --text-secondary: #666666;
  --text-muted: #999999;

  /* Sémantique */
  --success: #27ae60;
  --manual: #67cfbd;
  --manual-bg: #f0faf8;
  --manual-border: #c4e9e2;

  /* Fonds & bordures */
  --bg-page: #f7f6f2;
  --bg-subtle: #004e410e;
  --border: #e2e8f0;

  /* Ombres */
  --shadow-light: rgba(0, 0, 0, 0.05);
  --shadow-normal: rgba(0, 0, 0, 0.1);
  --shadow-medium: rgba(0, 0, 0, 0.15);

  /* Typographie */
  --font-serif: 'Instrument Serif', serif;
  --font-sans: 'DM Sans', sans-serif;
}