/* ========================================
   DILIGEO TOKENS
   Variables, reset, container, body. Charge avant tout autre stylesheet.
   ======================================== */

:root {
  --bg: #fbf9f5;
  --ink: #1a1a1a;
  --ink-muted: #4b5563;
  --ink-soft: #6b7280;
  --ink-faint: #8c919b;
  --rule: #e5e7eb;
  --accent: #f5a623;
  --paper: #ffffff;
  --error: #b00020;

  --font-serif: 'Source Serif 4', Georgia, serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
}

/* Reset minimal */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html {
  -webkit-text-size-adjust: 100%;
  overflow-y: scroll;
}

body.diligeo {
  font-family: var(--font-sans);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--bg);
}

a { color: inherit; text-decoration: none; }

.container {
  max-width: 1180px;
  margin: 0 auto;
  padding: 0 64px;
}

@media (max-width: 900px) {
  .container { padding: 0 40px; }
}

@media (max-width: 600px) {
  .container { padding: 0 24px; }
}