/* ════════════════════════════════════════
   DESIGN SYSTEM — CORPOCAPITAL PRO
   Light · White + Navy Blue · Business
   Font: Outfit + IBM Plex Mono
   ════════════════════════════════════════ */
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

*,*::before,*::after { box-sizing:border-box; margin:0; padding:0; }

:root {
  --bg:       #F4F6FA;
  --bg2:      #FFFFFF;
  --bg3:      #FFFFFF;
  --bg4:      #F0F3F9;
  --bg5:      #E8ECF4;
  --border:   #E2E7F0;
  --border2:  #D0D7E5;
  --border3:  #B8C2D6;
  --txt:      #0F172A;
  --txt2:     #475569;
  --txt3:     #94A3B8;
  --txt4:     #CBD5E1;
  --accent:      #1E40AF;
  --accent2:     #2563EB;
  --accent3:     #3B82F6;
  --accent-bg:   rgba(30,64,175,.06);
  --accent-glow: rgba(37,99,235,.15);
  --green:      #059669;  --green-bg:   rgba(5,150,105,.06);  --green-light:#D1FAE5;
  --amber:      #D97706;  --amber-bg:   rgba(217,119,6,.06);  --amber-light:#FEF3C7;
  --red:        #DC2626;  --red-bg:     rgba(220,38,38,.06);  --red-light:#FEE2E2;
  --purple:     #7C3AED;  --purple-bg:  rgba(124,58,237,.06); --purple-light:#EDE9FE;
  --sidebar-bg: #1E293B;
  --teal:       #0891B2;  --teal-bg:    rgba(8,145,178,.06);  --teal-light:#CFFAFE;
  --cyan:       #06B6D4;  --cyan-bg:    rgba(6,182,212,.06);
  --sidebar:  250px;
  --topbar:   60px;
  --r:8px; --r2:12px; --r3:16px; --r4:20px;
  --shadow-sm:  0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);
  --shadow:     0 4px 16px rgba(15,23,42,.08);
  --shadow-lg:  0 10px 40px rgba(15,23,42,.1), 0 4px 12px rgba(15,23,42,.05);
  --shadow-accent: 0 4px 16px rgba(30,64,175,.2);
  --ease: cubic-bezier(.4,0,.2,1);
  font-family: 'Outfit', system-ui, -apple-system, sans-serif;
  font-size: 14px;
  line-height: 1.55;
}

/* Dark Mode */
[data-theme="dark"] {
  --bg:       #0F172A;
  --bg2:      #1E293B;
  --bg3:      #1E293B;
  --bg4:      #334155;
  --bg5:      #475569;
  --border:   #334155;
  --border2:  #475569;
  --border3:  #64748B;
  --txt:      #F1F5F9;
  --txt2:     #CBD5E1;
  --txt3:     #94A3B8;
  --txt4:     #64748B;
  --accent-bg:   rgba(37,99,235,.15);
  --accent-glow: rgba(37,99,235,.25);
  --green-bg:   rgba(5,150,105,.15);
  --amber-bg:   rgba(217,119,6,.15);
  --red-bg:     rgba(220,38,38,.15);
  --purple-bg:  rgba(124,58,237,.15);
  --shadow-sm:  0 1px 3px rgba(0,0,0,.3);
  --shadow:     0 4px 16px rgba(0,0,0,.4);
  --shadow-lg:  0 10px 40px rgba(0,0,0,.5);
  --sidebar-bg: #0F172A;
}
body {
  background:var(--bg); color:var(--txt);
  min-height:100vh; overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;cursor:pointer;border:none;outline:none;}
input,select,textarea{font-family:inherit;outline:none;}
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:var(--border2);border-radius:10px;}
::-webkit-scrollbar-thumb:hover{background:var(--border3);}
::selection{background:rgba(30,64,175,.1);color:var(--accent);}