/* =========================================
   stumplex.ai — Dashboard Layout (Dark Premium)
   ========================================= */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');

/* ---------- Reset & Base ---------- */
*,
*::before,
*::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    --sidebar-width: 260px;
    --sidebar-bg: #0a0a0a;
    --sidebar-border: rgba(255, 255, 255, 0.06);
    --sidebar-text: rgba(255, 255, 255, 0.7);
    --sidebar-text-hover: #ffffff;
    --sidebar-active-bg: rgba(255, 255, 255, 0.08);
    --sidebar-active-text: #ffffff;
    --sidebar-active-border: var(--accent);
    --body-bg: #111111;
    --text-primary: #f0f0f0;
    --text-secondary: rgba(255, 255, 255, 0.55);
    --accent: #305cde;
    --card-bg: #1a1a1a;
    --card-border: rgba(255, 255, 255, 0.06);
    --card-shadow: 0 1px 3px rgba(0, 0, 0, 0.4);
    --transition: 0.2s ease;
}

html {
    font-size: 15px;
}