/* Shared design tokens for the Secure platform. Single source of truth — linked by both index.html and login.html. Light is the default; dark is opted into via , persisted in localStorage.axis_theme. */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap'); *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; } :root { /* Light theme (default) */ color-scheme: light; --bg: #f5f6f8; --surface: #ffffff; --surface-alt: #f8f9fb; --surface-hover:#f0f2f5; --border: #e4e7ec; --border-strong:#d1d5db; --text: #0f1419; --text-strong: #000000; --muted: #6b7280; --muted-strong: #4b5563; --accent: #3B82F6; --accent-soft: rgba(59,130,246,0.08); --accent-hover: #2563EB; --online: #16a34a; --online-soft: rgba(22,163,74,0.10); --offline: #dc2626; --offline-soft: rgba(220,38,38,0.10); --warn: #d97706; --warn-soft: rgba(217,119,6,0.10); --setup: #2563eb; --setup-soft: rgba(37,99,235,0.10); --shadow-sm: 0 1px 2px rgba(15,20,25,0.04); --shadow: 0 1px 3px rgba(15,20,25,0.06), 0 1px 2px rgba(15,20,25,0.04); --shadow-lg: 0 10px 30px rgba(15,20,25,0.10), 0 4px 8px rgba(15,20,25,0.05); --shadow-focus: 0 0 0 3px rgba(59,130,246,0.22); --thumb-bg: #0c1014; --font: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif; --mono: 'JetBrains Mono', ui-monospace, Menlo, monospace; } [data-theme="dark"] { color-scheme: dark; --bg: #0a0c10; --surface: #14171c; --surface-alt: #1a1d24; --surface-hover:#202530; --border: rgba(255,255,255,0.07); --border-strong:rgba(255,255,255,0.14); --text: #e8eaf0; --text-strong: #ffffff; --muted: #8b93a3; --muted-strong: #a8b0c0; --accent: #60A5FA; --accent-soft: rgba(96,165,250,0.12); --accent-hover: #93C5FD; --online: #22c55e; --online-soft: rgba(34,197,94,0.14); --offline: #ef4444; --offline-soft: rgba(239,68,68,0.14); --warn: #f59e0b; --warn-soft: rgba(245,158,11,0.14); --setup: #3b82f6; --setup-soft: rgba(59,130,246,0.14); --shadow-sm: 0 1px 2px rgba(0,0,0,0.3); --shadow: 0 1px 3px rgba(0,0,0,0.4), 0 1px 2px rgba(0,0,0,0.3); --shadow-lg: 0 12px 36px rgba(0,0,0,0.5), 0 4px 12px rgba(0,0,0,0.3); --shadow-focus: 0 0 0 3px rgba(96,165,250,0.28); --thumb-bg: #05070a; }