@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap');

:root,
[data-theme="dark"] {
    --font: 'Urbanist', system-ui, -apple-system, 'Segoe UI', Roboto, Arial, sans-serif;
    --brand: #3475ba;
    --brand-dark: #1e4f7a;
    --brand-light: #5ea8d8;
    --secondary: #2ec4b6;
    --secondary-dark: #1f9e92;
    --secondary-light: #6ee7de;
    --bg: #07111f;
    --bg-soft: #0c1a2e;
    --sidebar-bg: #0a1525;
    --surface: rgba(255, 255, 255, 0.06);
    --card: rgba(255, 255, 255, 0.06);
    --card-border: rgba(255, 255, 255, 0.13);
    --border: rgba(255, 255, 255, 0.12);
    --txt: #f4f8fc;
    --muted: #8fa8c4;
    --success: #2ec4b6;
    --danger: #ef6b6b;
    --input-bg: rgba(15, 23, 42, 0.65);
    --modal-bg: #0f172a;
    --btn-ghost-bg: #1a2740;
    --hover-bg: rgba(255, 255, 255, 0.06);
    --active-bg: rgba(52, 117, 186, 0.22);
    --active-border: rgba(94, 168, 216, 0.34);
    --table-border: rgba(255, 255, 255, 0.07);
    --overlay: rgba(2, 6, 23, 0.82);
    --shadow-soft: 0 8px 32px rgba(0, 0, 0, 0.28);
    --shadow-brand: 0 12px 40px rgba(52, 117, 186, 0.28);
    --shadow-secondary: 0 12px 40px rgba(46, 196, 182, 0.22);
    --body-gradient-1: rgba(52, 117, 186, 0.18);
    --body-gradient-2: rgba(46, 196, 182, 0.12);
    --sidebar-width: 272px;
    --topbar-bg: rgba(10, 21, 37, 0.82);
}

[data-theme="light"] {
    --bg: #eef3f9;
    --bg-soft: #e2eaf3;
    --sidebar-bg: #ffffff;
    --surface: #ffffff;
    --card: #ffffff;
    --card-border: rgba(52, 117, 186, 0.14);
    --border: rgba(52, 117, 186, 0.12);
    --txt: #132438;
    --muted: #5e7288;
    --input-bg: #f6f9fc;
    --modal-bg: #ffffff;
    --btn-ghost-bg: #e4ebf3;
    --hover-bg: rgba(52, 117, 186, 0.08);
    --active-bg: rgba(52, 117, 186, 0.12);
    --active-border: rgba(52, 117, 186, 0.28);
    --table-border: rgba(52, 117, 186, 0.1);
    --overlay: rgba(19, 36, 56, 0.45);
    --shadow-soft: 0 8px 28px rgba(19, 36, 56, 0.08);
    --body-gradient-1: rgba(52, 117, 186, 0.08);
    --body-gradient-2: rgba(46, 196, 182, 0.06);
    --topbar-bg: rgba(255, 255, 255, 0.88);
}