/* ============================================================
 * VideoIA — Design Tokens (refonte v2.0)
 * Source : spec section 03
 * ============================================================ */

:root {
	/* === Couleurs — palette papier crème + accents oklch === */
	--vi-ink:      #14130f;
	--vi-ink-2:    #3a382f;
	--vi-mute:     #807a68;
	--vi-line:     #e8e3d6;
	--vi-paper:    #faf8f3;
	--vi-paper-2:  #f1ece0;
	--vi-accent:   oklch(0.55 0.18 268);
	--vi-accent-2: oklch(0.62 0.16 28);
	--vi-pos:      oklch(0.55 0.13 145);
	--vi-warn:     oklch(0.7  0.15 65);

	/* === Typographies === */
	--vi-serif: "Instrument Serif", Georgia, "Times New Roman", serif;
	--vi-sans:  "Inter", system-ui, -apple-system, sans-serif;
	--vi-mono:  "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;

	/* === Échelle radius === */
	--vi-radius:    14px;
	--vi-radius-sm:  9px;

	/* === Container max-width — décision validée par utilisateur === */
	--vi-container: 1320px;

	/* === Padding horizontal fluide (sections) === */
	--vi-pad-x: clamp(20px, 4vw, 56px);

	/* === Couleurs sémantiques (alias) === */
	--vi-bg:       var(--vi-paper);
	--vi-bg-card:  #ffffff;
	--vi-bg-dark:  var(--vi-ink);
	--vi-text:     var(--vi-ink);
	--vi-text-2:   var(--vi-ink-2);
	--vi-text-mute: var(--vi-mute);
	--vi-border:   var(--vi-line);
}