/* ============================================================
   Picnic UI — tokens globales. Fuente única de color, tipografía,
   radios, sombras y movimiento para toda la app (prefijo --pui-*).
   Oscuro por defecto; claro sólo con <html data-theme="light">.
   Los colores de cada liga siguen mandando adentro de la liga:
   el acento de acá es el de la marca (pantallas comunes).
   ============================================================ */
:root {
  /* superficies y texto */
  --pui-bg: #0b0c0c;
  --pui-surface: #0b0f14;
  --pui-card: #111826;
  --pui-card-2: #151e2e;
  --pui-input: #0d1420;
  --pui-line: #1a2536;
  --pui-line-strong: #23314a;
  --pui-fg: #e6edf3;
  --pui-muted: #7f8ea3;

  /* acento de marca */
  --pui-accent: #06b6d4;
  --pui-accent-rgb: 6, 182, 212;
  --pui-accent-2: #0891b2;
  --pui-accent-hi: #67e8f9;
  --pui-accent-soft: rgba(var(--pui-accent-rgb), .16);
  --pui-on-accent: #04161b;

  /* semánticos */
  --pui-ok: #4cc38a;
  --pui-info: #58a6ff;
  --pui-warn: #f0883e;
  --pui-danger: #ef4444;
  --pui-lilac: #a78bfa;
  --pui-pink: #f472b6;

  /* prioridad: Crítico / Alto / Medio / Bajo */
  --pui-p-critical: #ef4444;
  --pui-p-high: #f97316;
  --pui-p-medium: #eab308;
  --pui-p-low: #7f8ea3;

  /* estado: Nuevo / Visto / En proceso / En revisión / Resuelto / Cancelado */
  --pui-s-new: var(--pui-warn);
  --pui-s-seen: var(--pui-info);
  --pui-s-progress: var(--pui-lilac);
  --pui-s-review: var(--pui-info);
  --pui-s-done: var(--pui-ok);
  --pui-s-canceled: var(--pui-muted);

  /* elevación y capas */
  --pui-shadow: 0 8px 28px rgba(0, 0, 0, .35);
  --pui-shadow-modal: 0 32px 80px rgba(0, 0, 0, .6);
  --pui-backdrop: rgba(11, 15, 20, .88);
  --pui-scrim: rgba(6, 8, 12, .64);
  --pui-on-scrim: #ffffff;
  --pui-stage: #070a0f;
  --pui-dot: rgba(255, 255, 255, .05);

  /* radios */
  --pui-r: 14px;
  --pui-r-sm: 10px;
  --pui-r-xs: 6px;
  --pui-r-pill: 999px;

  /* tipografía */
  --pui-f-body: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --pui-f-display: "Barlow Condensed", "Arial Narrow", system-ui, sans-serif;
  --pui-f-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --pui-fs: 14px;
  --pui-lh: 1.45;

  /* movimiento */
  --pui-t-fast: .15s;
  --pui-t: .2s;
  --pui-t-modal: .26s;
  --pui-ease: cubic-bezier(.2, .8, .2, 1);
}

:root[data-theme="light"] {
  color-scheme: light;

  --pui-bg: #f3f4f7;
  --pui-surface: #ffffff;
  --pui-card: #ffffff;
  --pui-card-2: #f7f8fb;
  --pui-input: #f4f5f9;
  --pui-line: #e1e5ec;
  --pui-line-strong: #cbd3df;
  --pui-fg: #111827;
  --pui-muted: #5d6b82;

  --pui-accent: #0e7490;
  --pui-accent-rgb: 14, 116, 144;
  --pui-accent-2: #155e75;
  --pui-accent-hi: #0e7490;
  --pui-accent-soft: rgba(var(--pui-accent-rgb), .10);
  --pui-on-accent: #ffffff;

  --pui-ok: #1f9d63;
  --pui-info: #2f7fd8;
  --pui-warn: #d9712a;
  --pui-danger: #dc2626;
  --pui-lilac: #7c5cd6;
  --pui-pink: #db2777;

  --pui-p-critical: #dc2626;
  --pui-p-high: #ea580c;
  --pui-p-medium: #b7860b;
  --pui-p-low: #64748b;

  --pui-shadow: 0 8px 24px rgba(17, 24, 39, .08);
  --pui-shadow-modal: 0 32px 80px rgba(17, 24, 39, .20);
  --pui-backdrop: rgba(243, 244, 247, .82);
  --pui-stage: #e6e9ef;
  --pui-dot: rgba(17, 24, 39, .07);
}