/**
 * Holds every reusable Inventif Codex design token.
 *
 * The palette retains Inventif's cinematic ink-and-gold direction. Every
 * component references these variables so a future rebrand is one-file work.
 */

:root {
	--inv-ink: #09090d;
	--inv-ink-2: #12121a;
	--inv-ink-3: #1b1b26;
	--inv-paper: #f5f1e9;
	--inv-paper-deep: #e8e1d5;
	--inv-white: #ffffff;
	--inv-text: #19171d;
	--inv-muted: #69646e;
	--inv-text-inv: #f8f6f1;
	--inv-muted-inv: #b5b1bd;
	--inv-signal: #f1b72b;
	--inv-signal-deep: #d99808;
	--inv-line: #d7d0c3;
	--inv-line-strong: #19171d;
	--inv-line-inv: rgba(255, 255, 255, 0.14);
	--inv-line-soft: rgba(255, 255, 255, 0.08);
	--inv-ink-header: rgba(9, 9, 13, 0.88);
	--inv-ink-transparent: rgba(9, 9, 13, 0);
	--inv-ink-overlay: rgba(9, 9, 13, 0.58);
	--inv-ink-overlay-strong: rgba(9, 9, 13, 0.7);
	--inv-white-glass: rgba(255, 255, 255, 0.03);
	--inv-shadow: 0 1.5rem 4rem rgba(10, 9, 18, 0.2);
	--inv-shadow-strong: 0 2rem 5rem rgba(0, 0, 0, 0.45);
	--inv-gutter: clamp(1.25rem, 4vw, 4.5rem);
	--inv-sect: clamp(4.75rem, 3.5rem + 6vw, 9rem);
	--inv-container: 96rem;
	--inv-space-2xs: 0.375rem;
	--inv-space-xs: 0.625rem;
	--inv-space-sm: 1rem;
	--inv-space-md: 1.5rem;
	--inv-space-lg: 2.25rem;
	--inv-space-xl: 3.5rem;
	--inv-space-2xl: 5.5rem;
	--inv-radius-sm: 0.5rem;
	--inv-radius-md: 1rem;
	--inv-radius-lg: 1.5rem;
	--inv-radius-pill: 999px;
	--inv-duration-fast: 150ms;
	--inv-duration: 280ms;
	--inv-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
	--inv-font-display: "Inventif Display", "Arial Black", sans-serif;
	--inv-font-body: "Inventif Sans", "Segoe UI", Arial, sans-serif;
	--inv-font-mono: "Inventif Mono", Consolas, monospace;
	--inv-header-height: 5.5rem;
	--inv-z-header: 30;
	--inv-z-menu: 40;
	--inv-z-modal: 60;
	--inv-grain: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.46'/%3E%3C/svg%3E");
	/* The studio backdrop every dark top band shares — one lit stage, so the
	   whole site reads as the same room. Relative URLs inside a custom property
	   resolve against the file that DEFINES it (this one), not the file that
	   uses it, so this path is relative to assets/css/base/ and stays correct
	   from any stylesheet. Always pair it with an ink background-color: the
	   image loads late, and its own near-black left is what carries the copy. */
	--inv-backdrop: url("../../images/hero/hero-bg.webp");
}