/* =================================================================== ITD Next Dimension — Brand tokens (v1.0) Light · Ivory (default) | Dark · Obsidian (data-theme="dark") =================================================================== */ :root { /* ----- Light · Ivory (default) ----- */ --bg: #F4F2EC; --bg-deep: #EBE8DF; --surface: #FFFFFF; --surface-alt: #F9F8F4; --border: rgba(20, 20, 24, 0.08); --border-strong: rgba(20, 20, 24, 0.16); --ink: #15161A; --ink-2: #4A4A52; --ink-3: #9B9AA0; --ink-4: #C9C7C0; --chrome: #1C1D22; --chrome-mid: #3A3B40; --accent: #1E2A4A; /* muted steel */ --halo: rgba(28, 29, 34, 0.06); --signal-green: #138A4E; /* ----- Logo asset ----- */ --nd-mark: url('../images/nd-mark-light.png'); /* ----- Typography ----- */ --font-sans: 'Geist', 'Inter', system-ui, -apple-system, BlinkMacSystemFont, sans-serif; --font-serif: 'Instrument Serif', 'Times New Roman', Georgia, serif; --font-mono: 'Geist Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace; /* ----- Layout ----- */ --max-width: 1280px; --section-pad-v: 120px; --section-pad-h: clamp(20px, 4vw, 64px); /* ----- Surfaces ----- */ --radius-card: 20px; --radius-pill: 999px; --radius-nav: 16px; /* ----- Motion ----- */ --t-fast: 120ms cubic-bezier(.2,.7,.2,1); --t-base: 220ms cubic-bezier(.2,.7,.2,1); --t-slow: 420ms cubic-bezier(.2,.7,.2,1); /* ----- Nav ----- */ --nav-height: 72px; color-scheme: light; } /* ----- Dark · Obsidian (opt-in via [data-theme="dark"] on ) ----- */ [data-theme="dark"] { --bg: #0A0A0C; --bg-deep: #050506; --surface: #131318; --surface-alt: #1B1B22; --border: rgba(255, 255, 255, 0.07); --border-strong: rgba(255, 255, 255, 0.18); --ink: #F5F5F7; --ink-2: #C9C9CF; --ink-3: #7A7A82; --ink-4: #3F3F46; --chrome: #E5E5E7; --chrome-mid: #A1A1AA; --accent: #D9D9DD; --halo: rgba(255, 255, 255, 0.05); --signal-green: #7CFFB2; --nd-mark: url('../images/nd-mark-dark.png'); color-scheme: dark; }