/*
 * Theme Name: Illan Pro v2
 * Description: Tema Core del Ecosistema Illan Pro (Light & Modern)
 * Author: Jose Illán
 * Version: 2.0.0
 */

:root {
    /* [CONTENEDORES Y LAYOUT] */
    --layout-compact: 600px;
    --layout-standard: 1000px;
    --layout-large: 1280px;
    --layout-margin-space: 1.5rem;
    --layout-color-background: #ffffff;
    --layout-glass-background: rgba(255, 255, 255, 0.85);
    --layout-border-glass: rgba(0, 0, 0, 0.08);

    /* [COLORES SEMÁNTICOS GLOBALES] */
    --color-primary: #0f172a;
    --color-secondary: #64748b;
    --color-success: #10b981;
    --color-error: #ef4444;
    --color-info: #3b82f6;
    --color-alert: #f59e0b;

    /* [TIPOGRAFÍA] */
    --font-general-text: 'Inter', system-ui, -apple-system, sans-serif;
    --title-font: 'Inter', system-ui, -apple-system, sans-serif;
    --color-general-text: #334155;
    --title-color: #0f172a;
    --color-link-general-text: #0f172a;
    --size-general-text: 1rem;
    --size-h1-title: 2.5rem;
    --size-h2-title: 2rem;
    --size-h3-title: 1.75rem;
    --size-h4-title: 1.5rem;
    --size-h5-title: 1.25rem;
    --size-h6-title: 1.125rem;
    --size-h7-title: 1rem;
    --size-h8-title: 0.875rem;

    /* [BOTONES Y FÍSICAS] */
    --button-size: 2.5rem;
    --button-margin-space: 1rem;
    --button-radius: 0.5rem;
    --button-hover-bg: #000000;
    --button-hover-text: #ffffff;
    --button-transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    --button-press-transform: translateY(2px);

    /* [FORMULARIOS] */
    --form-bg: #f8fafc;
    --form-bg-focus: #ffffff;
    --form-border: #cbd5e1;
    --form-padding: 0.75rem 1rem;
    --form-radius: 0.5rem;
    --form-transition: all 0.2s ease;
    --form-text-color: #334155;
    --form-placeholder-color: #94a3b8;
    --form-label-size: 0.875rem;
    --form-label-weight: 500;
    --form-label-color: #475569;
    --form-label-spacing: 0.5rem;
    --form-focus-shadow: 0 0 0 3px rgba(15, 23, 42, 0.1);

    /* [EJE Z (PROFUNDIDAD ESTRICTA)] */
    --z-base: 1;
    --z-elevated: 10;
    --z-dropdown: 100;
    --z-sticky: 200;
    --z-tooltip: 300;
    --z-modal: 400;
}

body {
    background-color: var(--layout-color-background);
    color: var(--color-general-text);
    font-family: var(--font-general-text);
    margin: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}