/**
 * LSL50 Design System — Tokens centralizados
 * Compartido: público, admin, cuaderno
 */
:root {
  /* Marca */
  --lsl-brand-navy: #061b3b;
  --lsl-brand-navy-mid: #0a2548;
  --lsl-brand-gold: #eab308;
  --lsl-brand-gold-dark: #d7a72f;
  --lsl-brand-accent: #3b82f6;
  --lsl-brand-broadcast: #f97316;
  --lsl-brand-green: #22c55e;
  --lsl-brand-danger: #ef4444;
  --lsl-brand-success: #059669;
  --lsl-brand-warn: #d97706;

  /* Tipografía — display broadcast + body moderno (no Inter genérico) */
  --lsl-font-display: "Oswald", "Arial Narrow", sans-serif;
  --lsl-font-sans: "Manrope", system-ui, -apple-system, sans-serif;
  --lsl-text-xs: 0.6875rem;
  --lsl-text-sm: 0.8125rem;
  --lsl-text-base: 0.9375rem;
  --lsl-text-lg: 1.125rem;
  --lsl-text-xl: 1.375rem;
  --lsl-text-2xl: 1.75rem;
  --lsl-text-3xl: 2.375rem;

  /* Espaciado */
  --lsl-space-1: 4px;
  --lsl-space-2: 8px;
  --lsl-space-3: 12px;
  --lsl-space-4: 16px;
  --lsl-space-5: 20px;
  --lsl-space-6: 24px;
  --lsl-space-8: 32px;

  /* Radios */
  --lsl-radius-sm: 6px;
  --lsl-radius-md: 8px;
  --lsl-radius-lg: 12px;
  --lsl-radius-xl: 16px;
  --lsl-radius-full: 999px;

  /* Sombras */
  --lsl-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --lsl-shadow-md: 0 8px 24px rgba(0, 0, 0, 0.12);
  --lsl-shadow-lg: 0 16px 40px rgba(0, 0, 0, 0.18);
  --lsl-shadow-broadcast: 0 24px 48px -12px rgba(0, 0, 0, 0.65);

  /* Motion */
  --lsl-duration-fast: 120ms;
  --lsl-duration-normal: 220ms;
  --lsl-duration-slow: 380ms;
  --lsl-ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --lsl-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);

  /* Focus */
  --lsl-focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.45);
  --lsl-focus-offset: 2px;

  /* Touch */
  --lsl-touch-min: 44px;

  /* Breakpoints (referencia) */
  --lsl-bp-sm: 520px;
  --lsl-bp-md: 768px;
  --lsl-bp-lg: 1024px;
  --lsl-bp-xl: 1280px;

  /* Tema público (dark) — alias legacy */
  --bg: #0f0f11;
  --card: #1a1a1e;
  --border: #2a2a32;
  --input: #26262b;
  /* Texto — contraste AA sobre fondos oscuros (#0f0f11, #1a1a1e) */
  --lsl-text-muted: #b0b8c4;
  --lsl-text-secondary: #d4d4d8;
  --label: #c5cdd9;
  --text: #fafafa;
  --muted: #b0b8c4;
  --accent: var(--lsl-brand-accent);
  --gold: var(--lsl-brand-gold);
  --win: var(--lsl-brand-broadcast);
}

/* Admin light theme */
.adm-body {
  --adm-bg: #eef1f6;
  --adm-card: #ffffff;
  --adm-ink: #0f172a;
  --adm-muted: #64748b;
  --adm-line: #e2e8f0;
  --adm-navy: var(--lsl-brand-navy);
  --adm-gold: var(--lsl-brand-gold-dark);
  --adm-accent: #2563eb;
  --adm-success: var(--lsl-brand-success);
  --adm-warn: var(--lsl-brand-warn);
  --adm-danger: #dc2626;
}

/* Cuaderno */
.lsl-scorer-body {
  --bg: #f5f7fb;
  --ink: #132033;
  --muted: #5d6678;
  --line: #d9e0ea;
  --navy: var(--lsl-brand-navy);
  --gold: var(--lsl-brand-gold-dark);
  --green: #067647;
  --card: #fff;
  --accent-orange: var(--lsl-brand-broadcast);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --lsl-duration-fast: 0ms;
    --lsl-duration-normal: 0ms;
    --lsl-duration-slow: 0ms;
  }
}