/* Guía de diseño sitio web noted. — 8 oct 2026 (Misa).
   No agregar colores. Coral solo en los 4 detalles de marketing. */
:root {
  --ink: #17162b;
  --ink-fixed: #17162b;
  --paper: #f7f6fb;
  --card: #ffffff;
  --lavender: #7a76da;
  --purple: #4f4ab8;
  --ice: #ecebfa;
  --ice-pale: #dcdaf4;
  --coral: #ff7e72;
  --muted: #3f3d55;
  --muted-2: #55536b;
  --line: #e4e2f0;
  --on-dark: #c9c7de;
  --kicker-dark: #b4b1ee;
  --line-dark: #3a3857;
  --header: rgba(247, 246, 251, 0.92);
  --shadow: 0 12px 32px rgba(23, 22, 43, 0.12);
  --radius: 24px;
  --max: 1200px;
  --pad: 24px;
}

[data-theme="dark"] {
  --ink: #ffffff;
  --paper: #17162b;
  --muted: #c9c7de;
  --muted-2: #c9c7de;
  --line: #3a3857;
  --card: #221f3a;
  --ice: #2a2748;
  --ice-pale: #322e55;
  --header: rgba(23, 22, 43, 0.92);
  --shadow: 0 12px 32px rgba(0, 0, 0, 0.28);
  --on-dark: #c9c7de;
}

[data-theme="dark"] .logo-on-light { display: none; }
[data-theme="dark"] .logo-on-dark { display: block; }
[data-theme="light"] .logo-on-dark { display: none; }
[data-theme="light"] .logo-on-light { display: block; }