/**
 * ========================================================================
 * NEXUS AI - ESTILOS BASE Y VARIABLES DE TEMA OSCURO
 * ========================================================================
 */

:root {
    /* Paleta oscura profesional */
    --bg-darkest: #07090e;
    --bg-darker: #0d1117;
    --bg-surface: #161b22;
    --bg-surface-elevated: #21262d;
    --bg-surface-hover: #30363d;

    /* Bordes y divisores */
    --border-subtle: #30363d;
    --border-focus: #58a6ff;
    --border-accent: rgba(99, 102, 241, 0.4);

    /* Textos */
    --text-primary: #f0f6fc;
    --text-secondary: #8b949e;
    --text-muted: #6e7681;
    --text-inverse: #07090e;

    /* Acentos y marcas */
    --accent-primary: #6366f1;
    --accent-hover: #4f46e5;
    --accent-gradient: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
    --accent-glow: rgba(99, 102, 241, 0.25);

    /* Estados */
    --status-success: #238636;
    --status-success-light: #2ea043;
    --status-warning: #d29922;
    --status-danger: #da3633;
    --status-danger-hover: #b62324;
    --status-info: #388bfd;

    /* Tipografías y sombras */
    --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    --font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 25px rgba(0, 0, 0, 0.7);
    --shadow-glow: 0 0 20px var(--accent-glow);

    /* Radios */
    --radius-sm: 6px;
    --radius-md: 10px;
    --radius-lg: 16px;
    --radius-full: 9999px;

    /* Transiciones */
    --transition-fast: 150ms ease;
    --transition-normal: 250ms ease;
}

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

html, body {
    height: 100%;
    background-color: var(--bg-darkest);
    color: var(--text-primary);
    font-family: var(--font-sans);
    font-size: 15px;
    line-height: 1.5;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
}

/* Scrollbar personalizado */
::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}
::-webkit-scrollbar-track {
    background: var(--bg-darker);
}
::-webkit-scrollbar-thumb {
    background: var(--bg-surface-hover);
    border-radius: var(--radius-full);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--border-subtle);
}

a {
    color: var(--accent-primary);
    text-decoration: none;
    transition: color var(--transition-fast);
}
a:hover {
    color: var(--accent-hover);
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
}