:root {
    --font-sans: "Segoe UI", "Segoe UI Variable", Tahoma, Geneva, Verdana, sans-serif;
    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.25rem;
    --text-2xl: 1.75rem;
    --line-tight: 1.2;
    --line-normal: 1.5;
    --primary: #20409a;
    --primary-dark: #020035;
    --primary-soft: #97b4de;
    --accent: #ed1c24;
    --neutral-soft: #aaadb5;
    --bg: #eef1f5;
    --surface: #ffffff;
    --surface-2: #f7f8fa;
    --surface-3: #e9ecf1;
    --text: #020035;
    --text-2: #4f556d;
    --muted: #7b8494;
    --text-inverse: #ffffff;
    --border: #d9dee7;
    --border-strong: #c7ceda;
    --border-w: 1px;
    --focus: rgba(32, 64, 154, 0.22);
    --success: #157347;
    --warning: #b45309;
    --danger: #c81e1e;
    --info: #20409a;
    --brand-gradient: linear-gradient(180deg, #20409a 0%, #16327f 48%, #020035 100%);
    --brand-gradient-soft: linear-gradient(135deg, #20409a 0%, #16327f 56%, #020035 100%);
    --shadow-sm: 0 2px 8px rgba(2, 0, 53, 0.06);
    --shadow-md: 0 12px 28px rgba(2, 0, 53, 0.10);
    --shadow-lg: 0 20px 48px rgba(2, 0, 53, 0.16);
    --sidebar-w: 312px;
    --s-1: 0.25rem;
    --s-2: 0.5rem;
    --s-3: 0.75rem;
    --s-4: 1rem;
    --s-5: 1.25rem;
    --s-6: 1.5rem;
    --s-7: 2rem;
    --s-8: 2.5rem;
    --r-1: 0.375rem;
    --r-2: 0.875rem;
    --r-3: 1.25rem;
    --r-4: 1.5rem;
    --r-pill: 999px;
    --dur-fast: 0.15s;
    --dur-slow: 0.25s;
    --ease: ease;
    --sidebar-bg: linear-gradient(180deg, #20409a 0%, #16327f 48%, #020035 100%);
    --sidebar-text: #ffffff;
    --sidebar-text-muted: rgba(255,255,255,0.68);
    --sidebar-icon: #ffffff;
    --sidebar-hover-bg: rgba(255,255,255,0.08);
    --sidebar-hover-border: rgba(255,255,255,0.10);
    --sidebar-active-bg: rgba(255,255,255,0.14);
    --sidebar-active-border: rgba(255,255,255,0.16);
    --sidebar-active-text: #ffffff;
}