/*
   SALVAU DESIGN SYSTEM v4.0 — "Teal Universitario"
   Fondo blanco · Primary #1B4D5C · Accent #2DD4BF
   Tipografía: Sora (display) + Manrope (body)
*/

:root {
  /* ── Marca ─────────────────────────────────────── */
  --sv-primary:        #1B4D5C;
  --sv-primary-dark:   #163F4C;
  --sv-primary-light:  #2A6B7F;
  --sv-primary-soft:   rgba(27, 77, 92, 0.10);
  --sv-primary-glow:   rgba(27, 77, 92, 0.28);

  --sv-accent:         #2DD4BF;
  --sv-accent-dark:    #22B8A5;
  --sv-accent-soft:    rgba(45, 212, 191, 0.14);
  --sv-accent-glow:    rgba(45, 212, 191, 0.32);

  /* ── Semánticos ────────────────────────────────── */
  --sv-success:        #16A34A;
  --sv-success-soft:   rgba(22, 163, 74, 0.12);
  --sv-danger:         #DC2626;
  --sv-danger-soft:    rgba(220, 38, 38, 0.10);
  --sv-warning:        #D97706;
  --sv-warning-soft:   rgba(217, 119, 6, 0.12);
  --sv-info:           #1B4D5C;
  --sv-info-soft:      rgba(27, 77, 92, 0.10);

  /* ── Fondos ────────────────────────────────────── */
  --sv-bg:             #FFFFFF;
  --sv-surface:        #F9FAFB;
  --sv-surface-2:      #F3F4F6;
  --sv-border:         #E5E7EB;
  --sv-border-bright:  #D1D5DB;

  /* ── Texto ─────────────────────────────────────── */
  --sv-text:           #0F1117;
  --sv-text-muted:     #6B7280;
  --sv-text-faint:     #9CA3AF;

  /* ── Gradientes ────────────────────────────────── */
  --sv-gradient-brand:   linear-gradient(135deg, #1B4D5C 0%, #2DD4BF 100%);
  --sv-gradient-brand2:  linear-gradient(135deg, #163F4C 0%, #1B4D5C 50%, #2DD4BF 100%);
  --sv-gradient-hero:    linear-gradient(160deg, #FFFFFF 0%, #F0FAFA 50%, #FFFFFF 100%);
  --sv-gradient-card:    linear-gradient(145deg, rgba(249,250,251,0.98), rgba(243,244,246,0.9));
  --sv-gradient-success: linear-gradient(135deg, #16A34A 0%, #2DD4BF 100%);
  --sv-gradient-warm:    linear-gradient(135deg, #D97706 0%, #DC2626 100%);
  --sv-gradient-mesh:
    radial-gradient(ellipse at 20% 50%,  rgba(27, 77, 92, 0.06) 0%, transparent 55%),
    radial-gradient(ellipse at 80% 20%,  rgba(45, 212, 191, 0.05) 0%, transparent 55%),
    radial-gradient(ellipse at 60% 80%,  rgba(27, 77, 92, 0.04) 0%, transparent 55%);

  /* ── Sidebar ───────────────────────────────────── */
  --sv-sidebar-bg:     #F9FAFB;
  --sv-sidebar-border: #E5E7EB;

  /* ── Tipografía ────────────────────────────────── */
  --sv-font:           'Manrope', system-ui, sans-serif;
  --sv-font-display:   'Sora', sans-serif;
  --sv-font-size-base: 1rem;
  --sv-line-height:    1.65;

  /* ── Bordes ────────────────────────────────────── */
  --sv-r-sm:    0.4rem;
  --sv-r:       0.75rem;
  --sv-r-lg:    1.125rem;
  --sv-r-xl:    1.75rem;
  --sv-r-pill:  9999px;
  --sv-radius-sm:   var(--sv-r-sm);
  --sv-radius:      var(--sv-r);
  --sv-radius-lg:   var(--sv-r-lg);
  --sv-radius-xl:   var(--sv-r-xl);
  --sv-radius-pill: var(--sv-r-pill);

  /* ── Sombras ───────────────────────────────────── */
  --sv-shadow-sm: 0 1px 3px rgba(15,17,23,0.08), 0 1px 2px rgba(15,17,23,0.04);
  --sv-shadow:    0 4px 16px rgba(15,17,23,0.10), 0 2px 6px rgba(15,17,23,0.06);
  --sv-shadow-lg: 0 12px 32px rgba(15,17,23,0.12), 0 4px 10px rgba(15,17,23,0.07);
  --sv-shadow-xl: 0 24px 56px rgba(15,17,23,0.14), 0 8px 20px rgba(15,17,23,0.08);
  --sv-shadow-glow:    0 0 0 1px var(--sv-border), 0 4px 20px rgba(27,77,92,0.18), 0 0 40px rgba(45,212,191,0.10);
  --sv-shadow-glow-sm: 0 0 0 1px rgba(27,77,92,0.15), 0 2px 10px rgba(27,77,92,0.14);

  /* ── Transiciones ──────────────────────────────── */
  --sv-t:        0.18s cubic-bezier(0.4, 0, 0.2, 1);
  --sv-t-slow:   0.36s cubic-bezier(0.4, 0, 0.2, 1);
  --sv-t-spring: 0.42s cubic-bezier(0.34, 1.56, 0.64, 1);
  --sv-transition:        var(--sv-t);
  --sv-transition-slow:   var(--sv-t-slow);
  --sv-transition-spring: var(--sv-t-spring);

  /* ── Glass ─────────────────────────────────────── */
  --sv-glass-bg:     rgba(255, 255, 255, 0.82);
  --sv-glass-bg-lt:  rgba(249, 250, 251, 0.92);
  --sv-glass-blur:   blur(20px);
  --sv-glass-border: 1px solid rgba(27, 77, 92, 0.12);

  /* ── Layout ────────────────────────────────────── */
  --sv-nav-width: 252px;
  --sv-z-drop:    1000;
  --sv-z-sticky:  1020;
  --sv-z-modal:   1050;
  --sv-z-toast:   1080;

  /* ── Landing tokens ────────────────────────────── */
  --sv-landing-hero-max:       1280px;
  --sv-landing-spot-1:         rgba(27, 77, 92, 0.08);
  --sv-landing-spot-2:         rgba(45, 212, 191, 0.07);
  --sv-landing-spot-3:         rgba(27, 77, 92, 0.05);
  --sv-landing-card-border:    rgba(27, 77, 92, 0.14);
  --sv-landing-card-bg:        linear-gradient(170deg, rgba(249,250,251,0.96), rgba(243,244,246,0.98));
  --sv-landing-soft-bg:        rgba(249, 250, 251, 0.80);
  --sv-landing-topbar-bg:      rgba(255, 255, 255, 0.90);
  --sv-landing-topbar-border:  rgba(27, 77, 92, 0.12);
}

  --sv-secondary: #2DD4BF;