/* =============================================
   GLOBAL CSS - Reset e Variáveis
   ============================================= */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

:root {
    /* Cores de fundo */
    --bg-primary: #0a0a0f;
    --bg-secondary: #12121a;
    --bg-card: #1a1a24;
    --bg-sidebar: #16161f;
    /* Darker than card */

    /* Cores de texto */
    --text-primary: #ffffff;
    --text-secondary: #a0a0b0;
    --text-muted: #6a6a7a;

    /* Cores de destaque */
    --accent: #C32ADD;
    --accent-hover: #a822bc;
    --success: #10b981;
    --danger: #ef4444;
    --warning: #f59e0b;

    /* Bordas e layout */
    --border: #2a2a3a;
    --sidebar-width: 240px;

    /* Transições */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
}

html,
body {
    overflow-x: hidden;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
    background: var(--bg-primary);
    color: var(--text-primary);
    min-height: 100vh;
    line-height: 1.6;
}

/* Lucide Icons Global */
svg[data-lucide] {
    width: 18px;
    height: 18px;
    stroke-width: 2;
    vertical-align: middle;
}