/* shared.css — Identity Market Map v6 design system */

/* Design System Variables */
:root{
--bg:#1A1D26;--surface:#22262F;--surface2:#2A2F3A;--border:rgba(255,255,255,0.10);
--text:#F2F0ED;--text2:#B8B3AC;--text3:#807B73;--text4:#524E47;
--teal:#34D399;--cyan:#38BDF8;--purple:#A78BFA;--pink:#F472B6;
--amber:#FBBF24;--mint:#2DD4BF;--sky:#38BDF8;
--mono:'JetBrains Mono',monospace;--sans:'DM Sans',system-ui,sans-serif;
}
[data-theme="light"]{--bg:#F5F3EF;--surface:#FFFFFF;--surface2:#EDEAE4;--border:rgba(0,0,0,0.10);--text:#1A1D26;--text2:#4A4740;--text3:#5C5850;--text4:#807B73}

/* Light mode common overrides */
[data-theme="light"] .site-nav{background:#FFFFFF;border-bottom-color:rgba(0,0,0,0.08)}
[data-theme="light"] .nav-link{color:#4A4740}
[data-theme="light"] .nav-link.active{color:#059669}
[data-theme="light"] ::selection{background:rgba(52,211,153,0.2)}
[data-theme="light"] footer{font-weight:500}
[data-theme="light"] .theme-toggle:hover{border-color:rgba(0,0,0,0.2)}

/* Theme Toggle */
.theme-toggle{background:none;border:1px solid var(--border);padding:6px;cursor:pointer;color:var(--text3);display:flex;align-items:center;justify-content:center;border-radius:4px;margin-left:auto;transition:all 0.2s;min-height:36px;min-width:36px}
.theme-toggle:hover{color:var(--text);border-color:rgba(255,255,255,0.2)}
.theme-toggle .sun{display:block}
.theme-toggle .moon{display:none}
[data-theme="light"] .theme-toggle .sun{display:none}
[data-theme="light"] .theme-toggle .moon{display:block}

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.5}
::selection{background:rgba(52,211,153,0.3)}
.wrap{max-width:1080px;margin:0 auto;padding:28px 20px 80px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

/* Nav */
.site-nav{display:flex;gap:2px;margin-bottom:18px;border-bottom:1px solid var(--border);padding-bottom:0;overflow-x:auto;-webkit-overflow-scrolling:touch}
.nav-link{padding:10px 18px;font:600 13px/1 var(--sans);color:var(--text3);text-decoration:none;border-bottom:2px solid transparent;transition:all 0.2s;white-space:nowrap;flex-shrink:0}
.nav-link:hover{color:var(--text2)}
.nav-link.active{color:var(--teal);border-bottom-color:var(--teal)}

/* Footer */
footer{margin-top:32px;padding-top:18px;border-top:1px solid var(--border);font:400 12px/1.7 var(--sans);color:var(--text3)}
footer a{color:var(--teal);text-decoration:none;font-weight:600}
footer a:hover{text-decoration:underline}
.footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.footer-cta{margin-top:14px;padding:14px 18px;border:1px dashed rgba(52,211,153,0.2);font:400 12px/1.6 var(--sans);color:var(--text2);border-radius:4px}
.footer-cta strong{color:var(--text)}