:root {
  /* ── Paleta LuisaGil SPA ── */
  --rose:    #BF6F76;
  --rose-h:  #a85d63;
  --rose-08: rgba(191,111,118,0.08);
  --rose-15: rgba(191,111,118,0.15);
  --rose-28: rgba(191,111,118,0.28);

  --gray-1:  #E9EAEC;
  --gray-2:  #DDDDDC;

  --ink:     #0D0D0D;
  --ink-60:  rgba(13,13,13,0.60);
  --ink-42:  rgba(13,13,13,0.42);
  --ink-22:  rgba(13,13,13,0.22);

  --white:   #FFFFFF;
  --off:     #F8F8F7;

  /* ── Glassmorphism ── */
  --g:     rgba(255,255,255,0.70);
  --gb:    rgba(255,255,255,0.80);
  --gblur: blur(24px) saturate(1.6);
  --gsh:   0 4px 24px rgba(13,13,13,0.06),
           inset 0 1px 0 rgba(255,255,255,0.90),
           inset 0 -1px 0 rgba(255,255,255,0.30);

  /* ── Semánticos ── */
  --success:    #22c55e;
  --success-bg: rgba(34,197,94,0.08);
  --warning:    #f59e0b;
  --warning-bg: rgba(245,158,11,0.08);
  --info:       #3b82f6;
  --info-bg:    rgba(59,130,246,0.08);
  --danger:     #ef4444;
  --danger-bg:  rgba(239,68,68,0.08);

  /* ── Layout ── */
  --sidebar-w:     240px;
  --topbar-h:      64px;
  --bottom-nav-h:  60px;
  --content-max:   1280px;

  /* ── Radios ── */
  --r-sm:   8px;
  --r-md:   12px;
  --r-lg:   18px;
  --r-xl:   24px;
  --r-pill: 100px;

  /* ── Tipografía ── */
  --f: 'Satoshi', system-ui, sans-serif;

  /* ── Transiciones ── */
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --dur:  .22s;
}

[data-theme="dark"] {
  --ink:     #F0F0EF;
  --ink-60:  rgba(240,240,239,0.60);
  --ink-42:  rgba(240,240,239,0.42);
  --ink-22:  rgba(240,240,239,0.22);

  --white:   #1C1C1E;
  --off:     #141414;

  --gray-1:  #2C2C2E;
  --gray-2:  #3A3A3C;

  --g:     rgba(28,28,30,0.80);
  --gb:    rgba(28,28,30,0.90);
  --gsh:   0 4px 24px rgba(0,0,0,0.30),
           inset 0 1px 0 rgba(255,255,255,0.06),
           inset 0 -1px 0 rgba(0,0,0,0.20);
}