:root{

--primary:#2563eb;
--primary-dark:#1d4ed8;
--secondary:#0f172a;
--success:#16a34a;
--warning:#f59e0b;
--danger:#dc2626;
--info:#0ea5e9;

--bg:#f8fafc;
--surface:#ffffff;
--text:#0f172a;
--muted:#64748b;
--border:#e2e8f0;

--radius-sm:8px;
--radius:14px;
--radius-lg:22px;

--shadow-sm:0 2px 10px rgba(15,23,42,.05);
--shadow:0 10px 30px rgba(15,23,42,.08);
--shadow-lg:0 25px 60px rgba(15,23,42,.12);

--transition:.25s ease;

--topbar-height:72px;
--sidebar-width:280px;

font-synthesis-weight:none;

}

*{
box-sizing:border-box;
}

html{
scroll-behavior:smooth;
}

body{

font-family:Inter,Segoe UI,Roboto,sans-serif;

background:var(--bg);

color:var(--text);

font-size:15px;

line-height:1.6;

}

.card{

border:none;

border-radius:var(--radius);

box-shadow:var(--shadow);

}

.btn{

border-radius:12px;

font-weight:600;

transition:var(--transition);

}

.form-control{

border-radius:12px;

min-height:48px;

border:1px solid var(--border);

}

.form-control:focus{

box-shadow:none;

border-color:var(--primary);

}

.section-title{

font-weight:700;

font-size:2rem;

margin-bottom:20px;

}

.text-muted{

color:var(--muted)!important;

}