/* auth.css — the design tokens the LOGIN and RESET-PASSWORD pages read. Extracted verbatim from the legacy style.css's three theme blocks when /legacy retired (2026-08-21): these two pages are the CURRENT product's auth surface, style their own rules inline, and need only the token layer + base reset underneath. Theme comes from localStorage ('dbanchor-theme' -> data-theme on ), same as the app. */ :root, [data-theme="dark"] { /* base */ --color-bg-app:#050b14; --color-bg-page:#07111f; --color-bg-sidebar:#07111f; --color-bg-header:#07111f; --color-bg-panel:#0f1b2d; --color-bg-panel-elevated:#111f33; --color-bg-input:#081323; --color-bg-inset:#0a1424; --color-bg-table-row:#0b1728; --color-bg-table-row-hover:#10213a; --color-bg-selected:#132b4f; /* borders */ --color-border-subtle:#17263a; --color-border-default:#20324a; --color-border-strong:#2f4a6b; --color-border-selected:#2563eb; /* text */ --color-text-primary:#f8fafc; --color-text-secondary:#cbd5e1; --color-text-muted:#94a3b8; --color-text-disabled:#64748b; --color-text-inverse:#020617; /* accent */ --color-accent-primary:#2563eb; --color-accent-primary-hover:#3b82f6; --color-accent-soft:rgba(37,99,235,0.16); --color-accent-border:rgba(59,130,246,0.45); /* status */ --color-success:#10b981; --color-success-soft:rgba(16,185,129,0.14); --color-success-border:rgba(16,185,129,0.35); --color-warning:#f59e0b; --color-warning-soft:rgba(245,158,11,0.14); --color-warning-border:rgba(245,158,11,0.35); --color-danger:#ef4444; --color-danger-soft:rgba(239,68,68,0.14); --color-danger-border:rgba(239,68,68,0.35); --color-info:#3b82f6; --color-info-soft:rgba(59,130,246,0.14); --color-info-border:rgba(59,130,246,0.35); --color-purple-tok:#8b5cf6; --color-purple-soft:rgba(139,92,246,0.14); /* gold premium accent (Command theme's signature; defined in every theme so gold-tinted chrome degrades gracefully) */ --color-gold:#c8a95a; --color-gold-soft:rgba(200,169,90,0.14); --color-gold-border:rgba(200,169,90,0.40); /* charts */ --chart-blue:#3b82f6; --chart-green:#10b981; --chart-orange:#f59e0b; --chart-red:#ef4444; --chart-purple:#8b5cf6; --chart-cyan:#06b6d4; --chart-gold:#c8a95a; --chart-grid:rgba(148,163,184,0.12); --chart-axis:#64748b; /* shadows */ --shadow-card:0 10px 28px rgba(0,0,0,0.28); --shadow-elevated:0 18px 45px rgba(0,0,0,0.38); /* ── legacy aliases (the entire existing UI reads these) ── */ --bg:var(--color-bg-page); --sidebar:var(--color-bg-sidebar); --card:var(--color-bg-panel); --card-inner:var(--color-bg-inset); --border:var(--color-border-default); --text:var(--color-text-primary); --muted:var(--color-text-muted); --subtle:var(--color-text-disabled); --primary:var(--color-accent-primary-hover); --primary-bg:var(--color-accent-soft); --success:var(--color-success); --warning:var(--color-warning); --danger:var(--color-danger); --purple:var(--color-purple-tok); --hover:rgba(59,130,246,0.08); --input-bg:var(--color-bg-input); } [data-theme="light"] { /* base */ --color-bg-app:#f4f7fb; --color-bg-page:#f8fafc; --color-bg-sidebar:#ffffff; --color-bg-header:#ffffff; --color-bg-panel:#ffffff; --color-bg-panel-elevated:#ffffff; --color-bg-input:#ffffff; --color-bg-inset:#f1f5f9; --color-bg-table-row:#ffffff; --color-bg-table-row-hover:#f1f5f9; --color-bg-selected:#eaf2ff; /* borders */ --color-border-subtle:#e2e8f0; --color-border-default:#cbd5e1; --color-border-strong:#94a3b8; --color-border-selected:#2563eb; /* text */ --color-text-primary:#0f172a; --color-text-secondary:#334155; --color-text-muted:#64748b; --color-text-disabled:#94a3b8; --color-text-inverse:#ffffff; /* accent */ --color-accent-primary:#2563eb; --color-accent-primary-hover:#1d4ed8; --color-accent-soft:rgba(37,99,235,0.10); --color-accent-border:rgba(37,99,235,0.35); /* status (slightly darker for light-bg readability) */ --color-success:#059669; --color-success-soft:rgba(5,150,105,0.10); --color-success-border:rgba(5,150,105,0.28); --color-warning:#d97706; --color-warning-soft:rgba(217,119,6,0.10); --color-warning-border:rgba(217,119,6,0.28); --color-danger:#dc2626; --color-danger-soft:rgba(220,38,38,0.10); --color-danger-border:rgba(220,38,38,0.28); --color-info:#2563eb; --color-info-soft:rgba(37,99,235,0.10); --color-info-border:rgba(37,99,235,0.28); --color-purple-tok:#7c3aed; --color-purple-soft:rgba(124,58,237,0.10); /* gold (darker for light-bg contrast) */ --color-gold:#8a6d2b; --color-gold-soft:rgba(138,109,43,0.10); --color-gold-border:rgba(138,109,43,0.30); /* charts */ --chart-blue:#2563eb; --chart-green:#059669; --chart-orange:#d97706; --chart-red:#dc2626; --chart-purple:#7c3aed; --chart-cyan:#0891b2; --chart-gold:#8a6d2b; --chart-grid:rgba(100,116,139,0.16); --chart-axis:#64748b; /* shadows */ --shadow-card:0 10px 24px rgba(15,23,42,0.06); --shadow-elevated:0 18px 40px rgba(15,23,42,0.12); /* legacy aliases pick these up automatically via the semantic layer; only the two raw values need re-declaring per theme: */ --primary:var(--color-accent-primary); --hover:rgba(37,99,235,0.06); } /* ══ Command theme — regal navy + royal blue with sparing gold accents. An elite tactical-console look: deeper navy base than Dark, brighter blue highlights, soft blue card glow, gold reserved for identity touches (logo, active-nav tick, header rule). Original palette — no third-party insignia or marks. ═════════════════════════════════ */ [data-theme="command"] { /* base */ --color-bg-app:#060d18; --color-bg-page:#0a1422; --color-bg-sidebar:#0a1422; --color-bg-header:#0a1422; --color-bg-panel:#10203a; --color-bg-panel-elevated:#142744; --color-bg-input:#0b1830; --color-bg-inset:#0d1a30; --color-bg-table-row:#0e1d35; --color-bg-table-row-hover:#183154; --color-bg-selected:#1b3767; /* borders */ --color-border-subtle:#1c3350; --color-border-default:#27456b; --color-border-strong:#3a5d8f; --color-border-selected:#3b6fe0; /* text */ --color-text-primary:#f7fbff; --color-text-secondary:#d7e2f0; --color-text-muted:#93a8c4; --color-text-disabled:#64789a; --color-text-inverse:#060d18; /* accent */ --color-accent-primary:#2f5fbf; --color-accent-primary-hover:#5b8cff; --color-accent-soft:rgba(59,111,224,0.18); --color-accent-border:rgba(91,140,255,0.45); /* gold premium accent */ --color-gold:#c8a95a; --color-gold-soft:rgba(200,169,90,0.14); --color-gold-border:rgba(200,169,90,0.40); /* status */ --color-success:#2fbf71; --color-success-soft:rgba(47,191,113,0.14); --color-success-border:rgba(47,191,113,0.35); --color-warning:#f0ad35; --color-warning-soft:rgba(240,173,53,0.14); --color-warning-border:rgba(240,173,53,0.35); --color-danger:#e45858; --color-danger-soft:rgba(228,88,88,0.14); --color-danger-border:rgba(228,88,88,0.35); --color-info:#4fb7d8; --color-info-soft:rgba(79,183,216,0.14); --color-info-border:rgba(79,183,216,0.35); --color-purple-tok:#7d6bdb; --color-purple-soft:rgba(125,107,219,0.14); /* charts */ --chart-blue:#5b8cff; --chart-green:#2fbf71; --chart-orange:#f0ad35; --chart-red:#e45858; --chart-purple:#7d6bdb; --chart-cyan:#4fb7d8; --chart-gold:#c8a95a; --chart-grid:rgba(147,168,196,0.12); --chart-axis:#7d94b8; /* shadows — soft blue glow on layered panels */ --shadow-card:0 10px 28px rgba(0,0,0,0.42), 0 0 22px rgba(47,95,191,0.07); --shadow-elevated:0 18px 45px rgba(0,0,0,0.52), 0 0 30px rgba(47,95,191,0.10); --hover:rgba(91,140,255,0.08); } * { margin:0; padding:0; box-sizing:border-box; } body { font-family:'Inter',sans-serif; }