:root {
    /* Core Colors */
    --bg-primary: #ffffff;
    /* White background */
    --bg-secondary: #f8fafc;
    /* Very light slate for panels */
    --bg-tertiary: #f1f5f9;
    /* Card/Input background */

    --text-primary: #0f172a;
    /* Slate 900 - Dark text */
    --text-secondary: #475569;
    /* Slate 600 - Muted text */
    --text-muted: #94a3b8;
    /* Slate 400 - Very muted */

    --accent-primary: #1e3a8a;
    /* Deep Blue - Corporate & Trust */
    --accent-glow: rgba(30, 58, 138, 0.15);
    /* Subtle shadow instead of neon glow */

    --border-color: #e2e8f0;
    /* Light borders */

    /* Semantic Colors */
    --success: #059669;
    --warning: #d97706;
    --danger: #dc2626;

    /* Layout */
    --sidebar-width: 260px;
    --header-height: 60px;

    /* Typography */
    --font-heading: 'Outfit', 'Inter', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Animations */
    --transition-fast: 0.2s ease;
    --transition-medium: 0.4s ease;
}

body {
    background-color: var(--bg-primary);
    color: var(--text-primary);
    font-family: var(--font-body);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-heading);
    font-weight: 600;
    letter-spacing: -0.01em;
    color: #1e293b;
}

.glass-panel {
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}