/* ============================================================ DTWebTools shared skins - single source of truth for the two visual identities. Values extracted faithfully from the tools' inline tokens (audited v1.1.0). Each class is a SUPERSET: it defines every token any tool of that skin reads, so adopting it (link + class, remove the tool's inline :root) is a visual no-op. USAGE (per-tool adoption): ... or ... NUANCE: the studio tools are not internally uniform. The Hub uses --brass* naming; Sync Notes and Zoom Backup reuse the JF slot names (--noki/--roboto/--wishlist) mapped to brass/muted values. Both conventions are provided below so either tool resolves. Normalising them to one naming is a future cleanup (see DESIGN_SYSTEM.md). The shared nav (dt_nav.php) keeps its OWN scoped --dt-* tokens and is not governed here. ============================================================ */ @import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;600&family=Space+Mono:wght@400;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Bungee&family=Geist:wght@300;400;500;600;700&family=Geist+Mono:wght@400;500;600&family=Noto+Sans+JP:wght@500;700&display=swap'); /* ---- Digital Tinkerers (studio) : brass on warm dark ---- */ .dt-studio { --bg:#0F0E11; --bg-deep:#0B0A0D; --surface:#17161B; --surface-2:#1E1C23; --surface-3:#24222B; --border:#2A2833; --border-strong:#3A3742; --text:#F3F1EB; --text-2:#A6A29A; --text-3:#6C6960; --text-4:#4A473F; /* Hub naming */ --brass:#D8A24A; --brass-bright:#EBBE6E; --brass-dim:rgba(216,162,74,.10); --danger:#D9534F; --jf-red:#E11D2E; --jf-cyan:#22D3EE; /* Sync Notes / Zoom Backup accent-slot naming (studio-mapped) */ --noki:#D8A24A; --noki-bright:#EBBE6E; --noki-deep:#9A6F1E; --roboto:#C99A4E; --roboto-bright:#E0B968; --roboto-deep:#7A5E23; --wishlist:#8FA35A; --wishlist-bright:#A9BE73; --font-display:'Space Grotesk',system-ui,sans-serif; --font-body:'Inter',system-ui,sans-serif; --font-mono:'Space Mono',monospace; --font-jp:'Noto Sans JP',sans-serif; } /* ---- Junk Force (jf) : red/cyan arcade ---- */ .dt-jf { --bg:#0A0A0F; --bg-deep:#000; --surface:#12121A; --surface-2:#1A1A24; --surface-3:#25252F; --border:#2A2A38; --border-strong:#4A4A60; --text:#FFF; --text-2:#B5B5C5; --text-3:#6E6E80; --text-4:#3D3D4F; --noki:#E11D2E; --noki-bright:#FF3344; --noki-deep:#8B0F1A; --roboto:#22D3EE; --roboto-bright:#67E8F9; --roboto-deep:#0E7490; --wishlist:#84CC16; --wishlist-bright:#A3E635; --wishlist-deep:#365314; --amber:#F59E0B; --font-display:'Bungee','Impact',sans-serif; --font-body:'Geist',system-ui,sans-serif; --font-mono:'Geist Mono',monospace; --font-jp:'Noto Sans JP',sans-serif; }