/* ==========================================================================
   RT — Variables globales de diseño
   Todo el sistema de color, tipografía, espaciado y animación vive aquí.
   Si RT actualiza su color corporativo, cámbialo únicamente en este archivo.
   ========================================================================== */

:root {
    /* ---------- Brand (extraído del logo proporcionado por RT) ---------- */
    --color-primary: #3FAFEF;
    --color-primary-hover: #2C97D6;
    --color-primary-soft: #E7F4FC;
    --color-secondary: #363638;
    --color-accent: #3FAFEF;
    --color-accent-dos: #00a2ff9f;
    

    /* ---------- Backgrounds ---------- */
    --color-bg: #ffffff;
    --color-bg-soft: #F6F8F9;
    --color-bg-dark: #1B1C1E;
    --color-bg-dark-soft: #26272A;

    /* ---------- Typography colors ---------- */
    --color-text: #1C1D1F;
    --color-text-soft: #63666A;
    --color-text-faint: #9497A0;
    --color-text-inverse: #ffffff;
    --color-text-inverse-soft: rgba(255, 255, 255, 0.72);

    /* ---------- Borders ---------- */
    --color-border: #E4E6E8;
    --color-border-dark: rgba(255, 255, 255, 0.14);

    /* ---------- States ---------- */
    --color-success: #198754;
    --color-warning: #f59e0b;
    --color-danger: #dc3545;

    /* ---------- UI ---------- */
    --color-overlay: rgba(20, 22, 24, 0.5);
    --color-overlay-light: rgba(255, 255, 255, 0.08);

    /* ---------- Radius ---------- */
    --radius-sm: 6px;
    --radius-md: 12px;
    --radius-lg: 22px;
    --radius-pill: 999px;

    /* ---------- Shadows ---------- */
    --shadow-sm: 0 4px 16px rgba(20, 22, 24, .06);
    --shadow-md: 0 12px 35px rgba(20, 22, 24, .10);
    --shadow-lg: 0 25px 70px rgba(20, 22, 24, .14);

    /* ---------- Layout ---------- */
    --container-max: 1280px;
    --container-narrow: 860px;
    --section-padding: clamp(72px, 9vw, 140px);
    --section-padding-sm: clamp(48px, 6vw, 90px);
    --header-height: 84px;
    --header-height-scrolled: 68px;

    /* ---------- Spacing scale (sección 45) ---------- */
    --space-1: 4px;
    --space-2: 8px;
    --space-3: 12px;
    --space-4: 16px;
    --space-5: 24px;
    --space-6: 32px;
    --space-7: 48px;
    --space-8: 64px;
    --space-9: 96px;
    --space-10: 128px;

    /* ---------- Typography (sección 46) ---------- */
    --font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;
    --font-heading: "Manrope", -apple-system, BlinkMacSystemFont, sans-serif;

    --text-xs: 0.75rem;
    --text-sm: 0.875rem;
    --text-base: 1rem;
    --text-lg: 1.125rem;
    --text-xl: 1.5rem;
    --text-2xl: 2rem;
    --text-3xl: clamp(1.75rem, 3vw, 2.5rem);
    --text-4xl: clamp(2.5rem, 5vw, 4rem);
    --text-5xl: clamp(3rem, 7vw, 6.5rem);

    --leading-tight: 1.1;
    --leading-snug: 1.3;
    --leading-normal: 1.6;

    /* ---------- Animation (sección 22) ---------- */
    --ease-standard: cubic-bezier(.22, 1, .36, 1);
    --ease-out-soft: cubic-bezier(.16, 1, .3, 1);
    --duration-fast: 220ms;      /* nivel 1 — microinteracciones */
    --duration-standard: 600ms;  /* nivel 2 — entrada de elementos */
    --duration-slow: 1100ms;     /* nivel 3 — narrativas */

    /* ---------- Z-index scale ---------- */
    --z-header: 100;
    --z-overlay: 200;
    --z-menu: 210;
    --z-cursor: 999;
}