:root {
  color-scheme: light;

  /* Couleurs principales */
  --yq-bg: #f3eee8;
  --yq-surface: #ffffff;
  --yq-surface-alt: #e8e1d8;
  --yq-ink: #2e2a26;
  --yq-muted: #625a54;
  --yq-accent: #0e7c74;
  --yq-action: #105e5a;
  --yq-action-hover: #0c4d4a;
  --yq-accent-bright: #2e9b94;
  --yq-line: rgba(46, 42, 38, 0.18);
  --yq-line-strong: rgba(46, 42, 38, 0.28);

  /* Polarité sombre */
  --yq-night: #111c1c;
  --yq-night-surface: #182826;
  --yq-night-ink: #f3eee8;
  --yq-night-muted: #b8c5c0;
  --yq-night-accent: #2e9b94;
  --yq-night-line: rgba(184, 197, 192, 0.24);

  /* Typographie */
  --yq-font-display: "Fraunces", Georgia, serif;
  --yq-font-body: "Jost", "Avenir Next", Arial, sans-serif;
  --yq-font-mono: "Geist Mono", ui-monospace, SFMono-Regular, monospace;
  --yq-h1: clamp(2.6rem, 5vw, 5.6rem);
  --yq-h2: clamp(2rem, 3.4vw, 3.5rem);
  --yq-h3: clamp(1.2rem, 1.8vw, 1.55rem);
  --yq-lead: clamp(1.05rem, 1.5vw, 1.25rem);

  /* Géométrie */
  --yq-content: 80rem;
  --yq-reading: 58ch;
  --yq-radius-sm: 2px;
  --yq-radius-md: 8px;
  --yq-section: clamp(5.5rem, 9vw, 9rem);
  --yq-focus: 0 0 0 4px rgba(14, 124, 116, 0.22);
}

[data-yq-theme="dark"] {
  color-scheme: dark;
  --yq-bg: var(--yq-night);
  --yq-surface: var(--yq-night-surface);
  --yq-ink: var(--yq-night-ink);
  --yq-muted: var(--yq-night-muted);
  --yq-accent: var(--yq-night-accent);
  --yq-line: var(--yq-night-line);
}