:root {
    /* PLIX Brand Colors */
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f0f4fa;

    --text-primary: #0f2d5e;
    --text-secondary: #3a5080;
    --text-muted: #7a94bc;

    --accent-primary: #1a56c4;    /* PLIX Blue */
    --accent-secondary: #63b3f5;  /* PLIX Light Blue */
    --accent-deep: #0f2d5e;       /* PLIX Deep Navy */
    --accent-mid: #1e6bbf;        /* PLIX Mid Blue */
    --accent-glow: rgba(26, 86, 196, 0.15);

    --border-color: #dce8f7;

    /* Semantic Colors */
    --success: #2a9d5c;
    --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: var(--accent-deep);
}

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