/* =========================================================================== PlanetaryDriver theme tokens. Toggle by setting . =========================================================================== */ :root { --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; --mono: ui-monospace, "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, monospace; --radius: 14px; --radius-sm: 9px; --maxw: 1180px; --appbar-h: 56px; --bottomnav-h: 64px; } /* ---- DARK (default): near-black hackerspace ---- */ :root, [data-theme="dark"] { --bg: #0c0e12; --bg-pattern: radial-gradient(circle at 1px 1px, #ffffff08 1px, transparent 0); --bg-pattern-size: 22px 22px; --elev: #14181f; --elev-2: #1b212b; --surface: #161b22; --border: #232b36; --border-strong: #303a48; --text: #e6edf3; --muted: #8b949e; --accent: #58a6ff; --accent-2: #f5a524; --accent-contrast: #06223f; --success: #59d499; --danger: #ff6b6b; --warning: #f5a524; --price: #58a6ff; --shadow: 0 8px 30px #00000066; --appbar-bg: #0e1117e6; --tag-bg: #1f6feb22; --tag-text: #79b8ff; } /* ---- BLUEPRINT: navy CAD grid ---- */ [data-theme="blueprint"] { --bg: #0a1a2f; --bg-pattern: linear-gradient(#16365922 1px, transparent 1px), linear-gradient(90deg, #16365922 1px, transparent 1px); --bg-pattern-size: 16px 16px; --elev: #0d2441; --elev-2: #103056; --surface: #0d2441; --border: #1f4d80; --border-strong: #2b6cb0; --text: #dce8f5; --muted: #8fb3d9; --accent: #5fb0ff; --accent-2: #56e0c9; --accent-contrast: #042033; --success: #56e0c9; --danger: #ff7a7a; --warning: #ffcf5f; --price: #7cf3e0; --shadow: 0 8px 30px #00122455; --appbar-bg: #0a1a2fe6; --tag-bg: #2b6cb033; --tag-text: #9fd0ff; } /* ---- INDUSTRIAL: safety orange ---- */ [data-theme="industrial"] { --bg: #161616; --bg-pattern: repeating-linear-gradient(45deg, #ffffff05 0 2px, transparent 2px 14px); --bg-pattern-size: auto; --elev: #1f1f1f; --elev-2: #2a2a2a; --surface: #202020; --border: #383838; --border-strong: #4a4a4a; --text: #f4f4f4; --muted: #9c9c9c; --accent: #ff6a00; --accent-2: #ffd400; --accent-contrast: #1a1a1a; --success: #69d83a; --danger: #ff5252; --warning: #ffd400; --price: #ff8c3a; --shadow: 0 8px 24px #00000080; --appbar-bg: #161616ee; --tag-bg: #ff6a0022; --tag-text: #ffb27a; } /* ---- LIGHT: clean modern ---- */ [data-theme="light"] { --bg: #f5f7fa; --bg-pattern: radial-gradient(circle at 1px 1px, #00000008 1px, transparent 0); --bg-pattern-size: 22px 22px; --elev: #ffffff; --elev-2: #ffffff; --surface: #ffffff; --border: #e5e7eb; --border-strong: #d4d8de; --text: #1a1f2b; --muted: #667085; --accent: #2563eb; --accent-2: #f59e0b; --accent-contrast: #ffffff; --success: #16a34a; --danger: #dc2626; --warning: #d97706; --price: #2563eb; --shadow: 0 6px 24px #1a1f2b14; --appbar-bg: #ffffffe6; --tag-bg: #2563eb14; --tag-text: #2563eb; }