/* ─── PALETA GERENCIO ─────────────────────────────────────── */
:root {
  /* ── Brand colors ── */
  --brand:      #730046;   /* Bordó brand principal             */
  --brand-dk:   #5a0036;   /* Hover / estados activos           */
  --brand-lt:   #f5e8f0;   /* Fondos tintados muy suaves        */
  --accent:     #DE7100;   /* Naranja acento                    */
  --accent-dk:  #b85e00;
  --dark-bg:    #0d0007;   /* Muy oscuro — secciones oscuras    */
  --dark-bg-lt: #1a000e;

  /* ── Neutros ── */
  --dark:      #111111;
  --gray-dk:   #333333;
  --mid:       #666666;
  --light:     #F8F4F6;
  --white:     #FFFFFF;
  --border:    #E8DDE5;

  /* ── Alias ── */
  --primary:    var(--brand);
  --primary-dk: var(--brand-dk);

  /* ── Tipografía ── */
  --sans:   'Inter', sans-serif;
  --tight:  'Inter Tight', sans-serif;
  --serif:  'Martel', serif;

  /* ── Espaciado ── */
  --radius:    6px;
  --radius-lg: 12px;
  --radius-xl: 20px;

  /* ── Sombras ── */
  --shadow-sm:    0 2px 8px rgba(0,0,0,0.06);
  --shadow-md:    0 6px 24px rgba(0,0,0,0.10);
  --shadow-lg:    0 12px 48px rgba(0,0,0,0.15);
  --shadow-brand: 0 8px 32px rgba(115,0,70,0.30);

  /* ── Transición ── */
  --transition: 0.22s ease;
}