/* Variables de tema */
:root {
    --brand-black: #000000;
    --brand-dark: #0a0a0a;
    --brand-light: #ffffff;
    --brand-secondary: #222222;
    --brand-accent: #e5ff00;
}

/* Tipografía Base */
body {
    background-color: var(--brand-black);
    color: var(--brand-light);
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Space Grotesk', sans-serif;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}

/* Clases Personalizadas */
.text-stroke {
    -webkit-text-stroke: 1px currentColor;
    -webkit-text-fill-color: transparent;
}

/* Personalización de selección */
::selection {
    background-color: var(--brand-accent);
    color: var(--brand-black);
}

/* Estilos de scrollbar (Opcional para un look más canalla) */
::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background: var(--brand-black);
}

::-webkit-scrollbar-thumb {
    background: var(--brand-secondary);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--brand-accent);
}