/**
 * @inmosogna/ui-kit — Design Tokens
 * Fuente única de verdad: alineado con apps/web-portal/css/landing.css
 */

@import url('https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Montserrat:wght@300;400;500;600;700&display=swap');

:root {
    /* ─── Paleta landing (nombres canónicos) ─────────────── */
    --c-gris-carbono:     #111215;
    --c-gris-pizarra:     #5A6070;
    --c-gris-ceniza:      #E4E7EC;
    --c-gris-bruma:       #F2F4F7;
    --c-blanco-nieve:     #FCFDFD;
    --c-crema-alabastro:  #FAF9F6;
    --c-blanco-puro:      #FFFFFF;
    --c-verde-calm:       #80BFB0;
    --c-verde-fresh:      #4DA691;
    --c-verde-esmeralda:  #00674F;
    --c-verde-deep:       #004D3B;
    --c-verde-trans:      rgba(128, 191, 176, 0.08);
    --c-verde-profundo:   #004D3B;
    --c-oro-soft:         #F3EFE6;
    --c-oro-champagne:    #D9CDBC;
    --c-oro-rolex:        #AC9A7F;
    --c-oro-deep:         #7A6A53;
    --c-oro-trans:        rgba(243, 239, 230, 0.4);
    --c-oro-mate:         var(--c-oro-rolex);
    --c-oro-hover:        var(--c-oro-champagne);
    --c-error:            #B23B2B;
    --c-error-bg:         rgba(178, 59, 43, 0.08);
    --c-success:          var(--c-verde-esmeralda);
    --c-azul-zafiro:      #1C3D5A;
    --c-azul-trans:       rgba(28, 61, 90, 0.08);

    /* ─── Tipografía ─────────────────────────────────────── */
    --font-serif:         'Lora', Georgia, serif;
    --font-sans:          'Montserrat', 'Helvetica Neue', Arial, sans-serif;

    /* ─── Aliases --sogna-* (retrocompatibilidad) ────────── */
    --sogna-navy-dark:    var(--c-verde-profundo);
    --sogna-navy:         var(--c-gris-carbono);
    --sogna-navy-light:   var(--c-blanco-puro);
    --sogna-gold-soft:    var(--c-oro-soft);
    --sogna-gold-champagne: var(--c-oro-champagne);
    --sogna-gold:         var(--c-oro-rolex);
    --sogna-gold-deep:    var(--c-oro-deep);
    --sogna-gold-light:   var(--c-oro-champagne);
    --sogna-gold-dark:    var(--c-oro-deep);
    --sogna-emerald-calm: var(--c-verde-calm);
    --sogna-emerald-fresh: var(--c-verde-fresh);
    --sogna-emerald:      var(--c-verde-esmeralda);
    --sogna-emerald-deep: var(--c-verde-deep);
    --sogna-emerald-dark: var(--c-verde-deep);
    --sogna-white:        var(--c-blanco-puro);
    --sogna-off-white:    var(--c-crema-alabastro);
    --sogna-gray-light:   var(--c-gris-ceniza);
    --sogna-gray:         var(--c-gris-pizarra);
    --sogna-gray-dark:    var(--c-gris-carbono);
    --sogna-red:          var(--c-error);
    --sogna-red-light:    var(--c-error-bg);
    --sogna-amber:        #F59E0B;
    --sogna-amber-light:  #FEF3C7;

    /* ─── Semánticos (tema claro por defecto) ────────────── */
    --sogna-bg-primary:   var(--c-crema-alabastro);
    --sogna-bg-secondary: var(--c-blanco-puro);
    --sogna-bg-card:      var(--c-blanco-puro);
    --sogna-text-primary: var(--c-gris-carbono);
    --sogna-text-muted:   var(--c-gris-pizarra);
    --sogna-text-gold:    var(--c-oro-deep);
    --sogna-border:       var(--c-gris-ceniza);
    --sogna-border-gold:  rgba(250, 243, 152, 0.2);
    --sogna-success:      var(--c-verde-esmeralda);
    --sogna-warning:      var(--c-oro-rolex);
    --sogna-error:        var(--c-error);
    --sogna-info:         var(--c-azul-zafiro);

    --sogna-font-sans:    var(--font-sans);
    --sogna-font-serif:   var(--font-serif);
    --sogna-font-mono:    'JetBrains Mono', 'Fira Code', monospace;

    /* ─── Escala tipográfica ─────────────────────────────── */
    --sogna-text-xs:   0.70rem;
    --sogna-text-sm:   0.80rem;
    --sogna-text-base: 0.875rem;
    --sogna-text-md:   1rem;
    --sogna-text-lg:   1.125rem;
    --sogna-text-xl:   1.25rem;
    --sogna-text-2xl:  1.5rem;
    --sogna-text-3xl:  1.875rem;
    --sogna-text-4xl:  2.25rem;

    --sogna-font-light:   300;
    --sogna-font-normal:  400;
    --sogna-font-medium:  500;
    --sogna-font-semi:    600;
    --sogna-font-bold:    700;

    /* ─── Espaciado ──────────────────────────────────────── */
    --sogna-space-1:  0.25rem;
    --sogna-space-2:  0.5rem;
    --sogna-space-3:  0.75rem;
    --sogna-space-4:  1rem;
    --sogna-space-5:  1.25rem;
    --sogna-space-6:  1.5rem;
    --sogna-space-8:  2rem;
    --sogna-space-10: 2.5rem;
    --sogna-space-12: 3rem;
    --sogna-space-16: 4rem;

    /* ─── Bordes — Luxury Rectilíneo (VCA) ────────────────── */
    --sogna-radius-sm:   0px;
    --sogna-radius:      0px;
    --sogna-radius-md:   0px;
    --sogna-radius-lg:   0px;
    --sogna-radius-xl:   0px;
    --sogna-radius-full: 0px;

    /* ─── Sombras — Luxury Plano (VCA) ────────────────────── */
    --sogna-shadow-sm:  none;
    --sogna-shadow:     none;
    --sogna-shadow-md:  none;
    --sogna-shadow-lg:  none;
    --sogna-shadow-gold: none;

    /* ─── Transiciones — Elegantes y Lentas (VCA) ─────────── */
    --sogna-ease:       ease;
    --sogna-duration-fast: 200ms;
    --sogna-duration:      350ms;
    --sogna-duration-slow: 500ms;
    --sogna-transition:    all var(--sogna-duration) var(--sogna-ease);

    /* ─── Layout ─────────────────────────────────────────── */
    --sogna-sidebar-width:  260px;
    --sogna-topbar-height:  64px;
    --sogna-container-max:  1280px;
    --sogna-card-padding:   var(--sogna-space-6);
}