/* Tema "Light editorial" de Omnia Possum para la Consola Web.
   Alineado con las apps moviles y la web comercial. */
:root {
  /* Fondos claros */
  --op-bg: #fbfbf9;            /* fondo de pagina (crema) */
  --op-band: #f1f1ed;          /* banda recesada */
  --op-surface: #eceae4;       /* superficie "hundida" */
  --op-card: #ffffff;          /* tarjetas */

  /* Tinta */
  --op-ink: #17171a;           /* texto principal */
  --op-muted: #6e6e76;         /* texto secundario */
  --op-dim: #9a9aa2;           /* deshabilitado / terciario */

  /* Bordes */
  --op-line: rgba(23, 23, 26, 0.10);
  --op-line-strong: rgba(23, 23, 26, 0.16);
  --op-line-solid: #d8d7d1;

  /* Chrome oscuro (nav, topbar, login) */
  --op-chrome: #0b0b0d;
  --op-chrome-elevated: #15151a;
  --op-chrome-line: rgba(255, 255, 255, 0.10);
  --op-on-chrome: #f6f6f7;
  --op-on-chrome-muted: #a2a2ab;

  /* Primario: rojo de marca */
  --op-red: #e11d2a;
  --op-red-strong: #b91320;
  --op-red-soft: rgba(225, 28, 42, 0.12);
  --op-red-line: rgba(225, 28, 42, 0.42);
  --op-red-on-chrome: #ff3b46;

  /* Acento naranja */
  --op-accent: #ff6b35;
  --op-accent-soft: rgba(255, 107, 53, 0.16);

  /* Semanticos */
  --op-green: #16a34a;
  --op-green-soft: rgba(22, 163, 74, 0.14);
  --op-green-bg: #f0fdf4;
  --op-amber: #f59e0b;
  --op-amber-ink: #b45309;
  --op-danger: #b91320;
  --op-danger-strong: #8f0e18;

  /* Radios */
  --op-radius-sm: 12px;
  --op-radius-md: 18px;
  --op-radius-lg: 26px;

  /* Sombra "papel premium" (solo tarjetas de contenido) */
  --op-shadow-card: 0 1px 2px rgba(20, 20, 25, 0.05), 0 16px 38px -18px rgba(20, 20, 25, 0.24);

  /* Focus ring rojo */
  --op-focus-ring: 0 0 0 3px rgba(225, 28, 42, 0.18);
}