/* =========================================
   TAIBO · DESIGN TOKENS
   MT-010 · Design System

   Paleta de color definida: "Naranja y Negro"
   Principal #1A1A1A, Acento #E8622C, Acento claro #F2A65A
   Tipografía definida: Oswald (titulares) + Montserrat (texto)
   ========================================= */

:root {

    /* ---------------------------------------
       COLOR — Paleta "Naranja y Negro"
       MT-010 §6-8
       --------------------------------------- */
    --taibo-color-bg: #F7F5F2;
    --taibo-color-surface: #EFEBE5;
    --taibo-color-text: #1A1A1A;
    --taibo-color-muted: #6B6560;
    --taibo-color-accent: #E8622C;
    --taibo-color-accent-light: #F2A65A;

    /* ---------------------------------------
       TIPOGRAFÍA
       MT-010 §9-13
       Titulares: Oswald · Texto: Montserrat
       --------------------------------------- */
    --taibo-font-primary: 'Oswald', system-ui, sans-serif;
    --taibo-font-secondary: 'Montserrat', system-ui, sans-serif;

    --taibo-weight-light: 300;
    --taibo-weight-regular: 400;
    --taibo-weight-medium: 500;
    --taibo-weight-bold: 700;

    --taibo-font-xs: 0.75rem;
    --taibo-font-sm: 0.875rem;
    --taibo-font-base: 1rem;
    --taibo-font-md: 1.25rem;
    --taibo-font-lg: 1.5rem;
    --taibo-font-xl: 2rem;
    --taibo-font-xxl: 3rem;
    --taibo-font-display: 4.5rem;

    --taibo-letter-spacing-titles: 0.02em;
    --taibo-text-hero-display: clamp(2rem, 5vw + 1rem, 3.4rem);
    --taibo-text-display:  clamp(2.5rem, 6vw + 1rem, var(--taibo-font-display));
    --taibo-text-h1:       clamp(2rem, 5vw + 1rem, var(--taibo-font-xxl));
    --taibo-text-h2:       clamp(1.5rem, 3vw + 1rem, var(--taibo-font-xl));
    --taibo-text-h3:       var(--taibo-font-lg);
    --taibo-text-body-lg:  var(--taibo-font-md);
    --taibo-text-body:     var(--taibo-font-base);
    --taibo-text-body-sm:  var(--taibo-font-sm);
    --taibo-text-label:    var(--taibo-font-sm);
    --taibo-text-caption:  var(--taibo-font-xs);

    /* ---------------------------------------
       ESPACIADO
       MT-010 §14 — Escala base 4px, 8 pasos
       --------------------------------------- */
    --taibo-space-1: 0.25rem;
    --taibo-space-2: 0.5rem;
    --taibo-space-3: 0.75rem;
    --taibo-space-4: 1rem;
    --taibo-space-5: 1.5rem;
    --taibo-space-6: 2rem;
    --taibo-space-7: 3rem;
    --taibo-space-8: 4rem;
    --taibo-space-9: 6rem;
    --taibo-space-10: 8rem;

    --taibo-space-xs: var(--taibo-space-2);
    --taibo-space-sm: var(--taibo-space-4);
    --taibo-space-md: var(--taibo-space-6);
    --taibo-space-lg: var(--taibo-space-8);

    --taibo-space-section: clamp(var(--taibo-space-8), 8vw, var(--taibo-space-10));

    /* ---------------------------------------
       RADIOS
       --------------------------------------- */
    --taibo-radius-sm: 0.5rem;
    --taibo-radius-md: 1rem;
    --taibo-radius-lg: 1.5rem;
    --taibo-radius-full: 999px;

    /* ---------------------------------------
       ANCHOS DE CONTENEDOR
       MT-010 §17
       --------------------------------------- */
    --taibo-width-narrow: 720px;
    --taibo-width-content: 1200px;
    --taibo-width-wide: 1600px;
    /* full = 100%, sin variable necesaria */

}