/*
 * Identidad de VisualDiff. Única fuente de colores, tipografía, radios y movimiento.
 *
 * Neutros con croma 0: el color de las capturas debe verse tal cual, sin que el
 * entorno lo tiña. Un solo acento, naranja marcador: significa «aquí hay que actuar».
 */
:root {
  color-scheme: light;

  /* Superficies */
  --bg: oklch(1 0 0);
  --panel: oklch(0.975 0 0);
  --hover: oklch(0.955 0 0);
  --viewer: oklch(0.91 0 0);
  --line: oklch(0.905 0 0);
  --line-strong: oklch(0.64 0 0);

  /* Texto */
  --ink: oklch(0.2 0 0);
  --ink-soft: oklch(0.38 0 0);
  --ink-faint: oklch(0.48 0 0);
  --on-accent: oklch(1 0 0);

  /* Acento: acciones principales, selección y lo que está por revisar */
  --mark: oklch(0.56 0.18 45);
  --mark-hover: oklch(0.5 0.165 45);
  --mark-ink: oklch(0.47 0.15 45);
  --mark-tint: oklch(0.955 0.03 60);
  --mark-line: oklch(0.86 0.08 60);

  /* Estados */
  --ok: oklch(0.42 0.11 155);
  --ok-tint: oklch(0.955 0.035 155);
  --ok-line: oklch(0.84 0.08 155);
  --bad: oklch(0.47 0.17 25);
  --bad-strong: oklch(0.42 0.16 25);
  --bad-tint: oklch(0.955 0.025 25);
  --bad-line: oklch(0.84 0.07 25);
  --info: oklch(0.45 0.12 250);
  --info-tint: oklch(0.955 0.025 250);
  --info-line: oklch(0.84 0.06 250);

  /* Tipografía */
  --font-ui: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
  --font-code: 'IBM Plex Mono', ui-monospace, 'SFMono-Regular', Consolas, monospace;
  --text-xs: 0.75rem;
  --text-s: 0.8125rem;
  --text-m: 0.9375rem;
  --text-l: 1.125rem;
  --text-xl: 1.5rem;

  /* Forma: controles y paneles cuadrados y discretos; solo el estado es píldora */
  --radius-s: 4px;
  --radius-m: 6px;
  --radius-pill: 999px;
  --shadow-dialog: 0 16px 48px oklch(0.2 0 0 / 0.18);

  /* Movimiento */
  --ease-out: cubic-bezier(0.23, 1, 0.32, 1);
  --fast: 120ms;
  --medium: 180ms;

  /* Capas */
  --z-sticky: 10;
  --z-toast: 30;
}