/* NOUS. — Design tokens */
:root {
  /* Jaune NOUS — #FFBF00 */
  --yellow: #FFBF00;
  --yellow-bright: #FFCC33;
  --yellow-dark: #E6AC00;
  --yellow-soft: rgba(255, 191, 0, 0.15);

  /* Blancs & fonds */
  --white: #ffffff;
  --off-white: #faf9f7;
  --cream: #f5f3ef;
  --gray-100: #f0eeea;
  --gray-200: #e5e2dc;

  /* Noir pour contraste typographique */
  --black: #0a0a0a;
  --gray-900: #1a1a1a;
  --gray-800: #2d2d2d;
  --gray-700: #444;

  /* Typography */
  --font-display: 'Syne', sans-serif;
  --font-body: 'Poppins', sans-serif;

  --text-primary: var(--black);
  --text-secondary: var(--gray-800);
  --text-muted: var(--gray-700);
  --text-on-yellow: var(--black);

  /* Spacing & layout */
  --container: min(92vw, 1280px);
  --section-padding: clamp(4rem, 10vw, 8rem);
  --gap: clamp(1rem, 3vw, 2rem);

  /* Motion — Eased, jamais brutal */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out-expo: cubic-bezier(0.87, 0, 0.13, 1);
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --duration-fast: 0.25s;
  --duration-normal: 0.4s;
  --duration-slow: 0.7s;

  /* Z-index */
  --z-grain: 1;
  --z-content: 2;
  --z-cursor: 100;
  --z-menu: 200;
  --z-menu-close: 201;
}