/*!
 * THEME VARIABLES - COMPAÑÍA DIGITAL
 * Compatible con Porto Template - Metodología Oficial
 * Version: 2.0.0 - Siguiendo Porto Standards
 * =========================================== */

/* ================================================
 * TIPOGRAFÍAS CENTRALIZADAS
 * ================================================ */
:root {
    /* Familias de fuentes de marca */
    --cd-font-primary: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --cd-font-secondary: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --cd-font-headings: 'Gotham', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    --cd-font-mono: 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', 'Consolas', monospace;

    /* Font Weights - Gotham específicos */
    --cd-font-weight-light: 300;      /* Gotham Light */
    --cd-font-weight-normal: 400;     /* Gotham Book */
    --cd-font-weight-medium: 500;     /* Gotham Medium */
    --cd-font-weight-semibold: 600;   /* Gotham Medium+ */
    --cd-font-weight-bold: 700;       /* Gotham Bold */
    --cd-font-weight-extrabold: 800;  /* Gotham Bold+ */

    /* Font Sizes */
    --cd-text-xs: 0.75rem;
    --cd-text-sm: 0.875rem;
    --cd-text-base: 1rem;
    --cd-text-lg: 1.125rem;
    --cd-text-xl: 1.25rem;
    --cd-text-2xl: 1.5rem;
    --cd-text-3xl: 1.875rem;
    --cd-text-4xl: 2.25rem;
    --cd-text-5xl: 3rem;
    --cd-text-6xl: 3.75rem;

    /* Line Heights */
    --cd-leading-none: 1;
    --cd-leading-tight: 1.25;
    --cd-leading-snug: 1.375;
    --cd-leading-normal: 1.5;
    --cd-leading-relaxed: 1.625;
    --cd-leading-loose: 2;

    /* Spacing Scale */
    --cd-spacing-0: 0;
    --cd-spacing-1: 0.25rem;
    --cd-spacing-2: 0.5rem;
    --cd-spacing-3: 0.75rem;
    --cd-spacing-4: 1rem;
    --cd-spacing-5: 1.25rem;
    --cd-spacing-6: 1.5rem;
    --cd-spacing-8: 2rem;
    --cd-spacing-10: 2.5rem;
    --cd-spacing-12: 3rem;
    --cd-spacing-16: 4rem;
    --cd-spacing-20: 5rem;
    --cd-spacing-24: 6rem;
    --cd-spacing-32: 8rem;

    /* Border Radius */
    --cd-radius-none: 0;
    --cd-radius-sm: 0.125rem;
    --cd-radius-base: 0.25rem;
    --cd-radius-md: 0.375rem;
    --cd-radius-lg: 0.5rem;
    --cd-radius-xl: 0.75rem;
    --cd-radius-2xl: 1rem;
    --cd-radius-3xl: 1.5rem;
    --cd-radius-full: 9999px;

    /* Shadows */
    --cd-shadow-xs: 0 0 0 1px rgba(0, 0, 0, 0.05);
    --cd-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
    --cd-shadow-base: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
    --cd-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --cd-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --cd-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    --cd-shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
    --cd-shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06);

    /* Transitions */
    --cd-transition-none: none;
    --cd-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
    --cd-transition-normal: 300ms cubic-bezier(0.4, 0, 0.2, 1);
    --cd-transition-slow: 500ms cubic-bezier(0.4, 0, 0.2, 1);

    /* Z-Index Scale */
    --cd-z-auto: auto;
    --cd-z-0: 0;
    --cd-z-10: 10;
    --cd-z-20: 20;
    --cd-z-30: 30;
    --cd-z-40: 40;
    --cd-z-50: 50;
    --cd-z-modal: 1000;
    --cd-z-popover: 1010;
    --cd-z-tooltip: 1020;
    --cd-z-loading: 9999;

    /* Layout Variables */
    --cd-container-sm: 640px;
    --cd-container-md: 768px;
    --cd-container-lg: 1024px;
    --cd-container-xl: 1280px;
    --cd-container-2xl: 1536px;
    --cd-container-custom: 1400px;

    /* Header & Layout (compatible con Porto) */
    --cd-header-height: 80px;
    --cd-header-height-sticky: 70px;
}

/* ================================================
 * ACCESSIBILITY IMPROVEMENTS
 * ================================================ */

/* Reduced Motion Preferences */
@media (prefers-reduced-motion: reduce) {
    :root {
        --cd-transition-fast: none;
        --cd-transition-normal: none;
        --cd-transition-slow: none;
    }
}

/* Print Optimizations */
@media print {
    :root {
        /* Remove all shadows for print */
        --cd-shadow-xs: none;
        --cd-shadow-sm: none;
        --cd-shadow-base: none;
        --cd-shadow-md: none;
        --cd-shadow-lg: none;
        --cd-shadow-xl: none;
        --cd-shadow-2xl: none;

        /* Simplified transitions */
        --cd-transition-fast: none;
        --cd-transition-normal: none;
        --cd-transition-slow: none;
    }
}

/* ================================================
 * GOTHAM FONT APPLICATION
 * ================================================ */

/* Apply Gotham fonts to specific elements */
body {
    font-family: var(--cd-font-primary);
    font-weight: var(--cd-font-weight-normal);
}

h1, h2, h3, h4, h5, h6 {
    font-family: var(--cd-font-headings);
    font-weight: var(--cd-font-weight-bold);
}

.btn {
    font-family: var(--cd-font-primary);
    font-weight: var(--cd-font-weight-medium);
}

.navbar-nav {
    font-family: var(--cd-font-primary);
    font-weight: var(--cd-font-weight-medium);
}

/* ================================================
 * UTILITY CLASSES (usando variables Porto)
 * ================================================ */

/* Typography utilities */
.font-gotham { font-family: var(--cd-font-primary) !important; }
.font-gotham-light { font-weight: var(--cd-font-weight-light) !important; }
.font-gotham-medium { font-weight: var(--cd-font-weight-medium) !important; }
.font-gotham-bold { font-weight: var(--cd-font-weight-bold) !important; }

/* Transition utilities */
.transition-fast { transition: all var(--cd-transition-fast) !important; }
.transition-normal { transition: all var(--cd-transition-normal) !important; }
.transition-slow { transition: all var(--cd-transition-slow) !important; }