/*
 * Archivo de estilos globales
 * @author: Enoc Rodriguez
 * @version: 1.0.0
 * @license: MIT
 */
/* Colores */
:root {
    /* Acentos Principales (Modo Nocturno) */
    --primary-color: #2f213f;
    /* Púrpura suave tipo Material Dark */
    --primary-hover: #3b285b;
    --error-color: #cf6679;
    --success-color: #03dac6;

    /* Acentos Secundarios */
    --color-accent-dark: #3700b3;
    --color-accent-purple: #332446;
    --color-accent-warm: #ffb74d;
    --color-accent-red: #cf6679;

    /* Degradados Premium */
    --gradient-primary: linear-gradient(135deg, var(--primary-color), var(--color-accent-dark));
    --gradient-secondary: linear-gradient(135deg, var(--color-accent-dark), var(--primary-hover));
    --gradient-warm: linear-gradient(135deg, var(--color-accent-warm), var(--color-accent-red));
    --gradient-night: linear-gradient(180deg, var(--bg-card), var(--bg-color));

    /* Fondos (Nocturnos Neutros Profundos) */
    --bg-color: #0a0a0a;
    --card-bg: #121212;
    --bg-card: var(--card-bg);
    --bg-input: #181818;
    --bg-elevated: #1c1c1c;



    /* sombras */
    --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.2);
    --shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.3);
    --shadow-xl: 0 16px 64px rgba(0, 0, 0, 0.4);
    --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.5);
    --shadow-glow: 0 0 20px rgba(99, 102, 241, 0.2);
    --shadow: var(--shadow-soft);
}

/*Bordes*/
:root {
    /* bordes radius*/
    --br-sm: 8px;
    --br-md: 12px;
    --br-lg: 16px;
    --br-xl: 20px;
    /* bordes styles */
    --bs-solid: solid;
    --bs-dashed: dashed;
    --bs-dotted: dotted;
    --bs-double: double;
    --bs-groove: groove;
    --bs-ridge: ridge;
    --bs-inset: inset;
    --bs-outset: outset;

    /* bordes */
    --bc: #334155;
}

/* Tipografía y Tamaños Estilos*/
:root {
    --ff: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --fs-h1: 2.5rem;
    --fs-h2: 2rem;
    --fs-h3: 1.75rem;
    --fs-h4: 1.5rem;
    --fs-h5: 1.25rem;
    --fs-h6: 1rem;
    --fs-p: 1rem;
    --fs-samp: 0.9rem;

    /* Textos (Alto contraste sin ser absoluto) */
    --ts-main: #e0e0e0;
    --ts-color: var(--ts-main);
    --ts-muted: #a0a0a0;
    --ts-hover: #ffffff;
    --ts: var(--ts-main);
}

/*Paddings Margins*/
:root {
    --pd-sm: .5rem;
    --pd-md: 1rem;
    --pd-lg: 1.5rem;
    --pd-xl: 2rem;

    --mg-sm: .5rem;
    --mg-md: 1rem;
    --mg-lg: 1.5rem;
    --mg-xl: 2rem;
}

h1 {
    font-size: var(--fs-h1);
}

h2 {
    font-size: var(--fs-h2);
}

h3 {
    font-size: var(--fs-h3);
}

h4 {
    font-size: var(--fs-h4);
}

h5 {
    font-size: var(--fs-h5);
}

h6 {
    font-size: var(--fs-h6);
}

p {
    font-size: var(--fs-p);
    font-weight: bold;
}

samp {
    font-size: var(--fs-samp);
    font-weight: normal;
}

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

body {
    font-family: var(--ff);
    background-color: var(--bg-color);
    color: var(--ts-color);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}