/* ==========================================================
   Glassmorphism Dark Navy — jediný motiv dashboardu
   Inspirace: Horizon UI / Vision UI
   ========================================================== */
:root {
    color-scheme: dark;

    /* ---- Layered navy backgrounds ---- */
    --bg-deepest: #0B0F2E;
    --bg-primary: #0B0F2E;
    --bg-secondary: #0F1638;
    --bg-card: #111C44;
    --bg-card-raised: #1B2559;
    --bg-card-hover: #1B2559;
    --bg-sidebar: #080C24;

    /* ---- Borders ---- */
    --border-subtle: rgba(255, 255, 255, 0.05);
    --border-card: rgba(255, 255, 255, 0.08);
    --border-glow: rgba(255, 255, 255, 0.16);

    /* ---- Text ---- */
    --text-primary: #FFFFFF;
    --text-secondary: rgba(255, 255, 255, 0.65);
    --text-tertiary: rgba(255, 255, 255, 0.4);

    /* ---- Accent palette ---- */
    --accent-blue: #4299E1;
    --accent-blue-hi: #63B3ED;
    --accent-cyan: #4299E1;
    --accent-cyan-hi: #63B3ED;
    --accent-emerald: #48BB78;
    --accent-amber: #F6AD55;
    --accent-rose: #EE5D50;
    --accent-violet: #6B46C1;

    /* ---- Gradients ---- */
    --accent-gradient: linear-gradient(135deg, #4299E1 0%, #63B3ED 100%);
    --accent-gradient-hover: linear-gradient(135deg, #63B3ED 0%, #90CDF4 100%);
    --accent-gradient-soft: linear-gradient(135deg, rgba(66, 153, 225, 0.18) 0%, rgba(99, 179, 237, 0.18) 100%);
    --accent-gradient-premium: linear-gradient(135deg, #4299E1 0%, #48BB78 100%);

    /* ---- Glass surfaces ---- */
    --glass-card-bg: rgba(17, 28, 68, 0.72);
    --glass-card-bg-strong: rgba(17, 28, 68, 0.92);
    --glass-panel-bg: rgba(11, 15, 46, 0.85);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-blur: 20px;

    /* ---- Overlays ---- */
    --overlay-faint: rgba(255, 255, 255, 0.03);
    --overlay-raised: rgba(255, 255, 255, 0.06);
    --overlay-dim: rgba(255, 255, 255, 0.02);
    --header-bg: rgba(11, 15, 46, 0.72);
    --card-gradient-end: rgba(17, 28, 68, 0.75);
    --backdrop-bg: rgba(2, 6, 25, 0.55);

    /* ---- Login surfaces ---- */
    --login-card-bg: rgba(17, 28, 68, 0.78);
    --login-input-focus-bg: rgba(11, 15, 46, 0.85);
    --login-glow-color: rgba(66, 153, 225, 0.22);

    --autofill-bg: #0F1638;

    /* ---- Background decoration ---- */
    --orb-opacity: 0.12;
    --orb-opacity-weak: 0.07;
    --nexus-particle: rgba(99, 179, 237, 0.55);
    --nexus-particle-alt: rgba(72, 187, 120, 0.45);
    --nexus-link: rgba(120, 150, 255, 0.08);
    --nexus-link-strong: rgba(150, 180, 255, 0.18);
    --grid-line: rgba(120, 150, 255, 0.05);
    --grid-line-strong: rgba(140, 170, 255, 0.08);
    --scan-line: rgba(66, 153, 225, 0.08);

    /* ---- Shadows (soft-blue elevation) ---- */
    --shadow-subtle: 0 2px 6px rgba(2, 6, 25, 0.35);
    --shadow-card: 0 18px 40px rgba(2, 6, 25, 0.35), inset 0 0 0 1px rgba(255, 255, 255, 0.04);
    --shadow-lifted: 0 24px 60px rgba(2, 6, 25, 0.55), 0 4px 14px rgba(66, 153, 225, 0.18);
    --shadow-glow: 0 0 18px rgba(66, 153, 225, 0.45);
    --drawer-shadow: -24px 0 60px rgba(2, 6, 25, 0.55);
    --toast-shadow: 0 18px 40px rgba(2, 6, 25, 0.55);

    /* ---- Typography ---- */
    --font-display: 'Inter', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-body: 'Inter', 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
    --font-mono: 'JetBrains Mono', 'SF Mono', ui-monospace, monospace;

    /* ---- Geometry ---- */
    --radius-sm: 3px;
    --radius-md: 5px;
    --radius-lg: 8px;
    --radius-xl: 11px;

    /* ---- Motion ---- */
    --ease-spring: cubic-bezier(0.16, 1, 0.3, 1);
    --ease-out: cubic-bezier(0.4, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
    --dur-fast: 150ms;
    --dur-base: 280ms;
    --dur-slow: 500ms;

    /* ---- Layout ---- */
    --sidebar-width: 264px;
    --topbar-height: 72px;
}