/*
 * Marino — claro, ordenado, muy redondeado. El navy oscuro es el unico
 * acento: encabezados de tarjeta, botones primarios, el "+" flotante de la
 * nav inferior. Sombras frias y difusas en vez de las calidas de Suave;
 * radios grandes, como paneles recortados de cartulina.
 */
:root[data-tema="marino"] {
  --esquema-color: light;

  --color-fondo: #eef1f7;
  --color-superficie: #ffffff;
  --color-superficie-2: #eef2fa;
  --color-borde: #e1e6f0;

  --color-texto: #16213e;
  --color-texto-suave: #7b8496;

  --color-acento: #1f2a44;
  --color-acento-texto: #ffffff;
  --color-acento-suave: rgba(31, 42, 68, .08);

  --color-ok: #0ca30c;
  --color-riesgo: #fab219;
  --color-bajo: #d03b3b;

  --radio-superficie: 26px;
  --radio-control: 16px;

  --sombra-superficie: 0 22px 40px -26px rgba(22, 33, 62, .22), 0 2px 10px rgba(22, 33, 62, .06);
  --desenfoque-superficie: none;

  --fuente: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
}