/* GENERADO por scripts/build-tokens.mjs a partir de design/tokens.json — no editar a mano.
 * Royal Forge 2026 · Obsidiana forjada · v1 · 2026-09-18
 * Única fuente de verdad del diseño. scripts/build-tokens.mjs la convierte en src/styles/tokens.css (web) y, en la app KMP, en recursos Compose. Superficies neutras frías (obsidiana) + acento oro cálido, texto crema y luz de forja. Todos los textos cumplen WCAG AA (≥ 4,5:1) sobre las superficies indicadas.
 */
:root {
  --rf-color-bg: #0C0D11; /* Fondo de página */
  --rf-color-bg-glow: rgba(212,163,58,0.09); /* Resplandor de forja al pie de la página */
  --rf-color-surface: #15171C; /* Tarjetas y paneles */
  --rf-color-surface-2: #1C1F26; /* Elementos dentro de tarjetas (stat, pills, inputs) */
  --rf-color-surface-3: #242830; /* Hover / elevación máxima */
  --rf-color-line: rgba(255,255,255,0.08); /* Bordes y separadores */
  --rf-color-line-strong: rgba(212,163,58,0.40); /* Borde de acento (activo, foco suave) */
  --rf-color-accent: #D4A33A; /* Oro Royal Forge (activo, enlaces, botón primario) */
  --rf-color-accent-hi: #F2C55C; /* Oro claro (títulos de marca, hover) */
  --rf-color-accent-soft: rgba(212,163,58,0.14); /* Relleno suave del elemento activo */
  --rf-color-accent-dim: #8A6A22; /* Oro apagado, solo para adornos (no texto) */
  --rf-color-on-accent: #1B1408; /* Texto sobre botones de oro (7,9:1) */
  --rf-color-text: #EDE7D8; /* Texto principal, crema */
  --rf-color-text-2: #B3AE9F; /* Texto secundario (8:1 sobre surface) */
  --rf-color-text-3: #98937F; /* Texto terciario / etiquetas (5,8:1 sobre surface, 4,8:1 sobre surface-3) */
  --rf-color-pos: #3DB889; /* Positivo: beneficio, más barato, kill */
  --rf-color-neg: #F06B6B; /* Negativo: pérdida, muerte (6:1) */
  --rf-color-info: #7AA7F0; /* Informativo: ciudad de compra, enlaces de datos */
  --rf-color-warn: #E8A93B; /* Aviso: datos antiguos, confianza media */
  --rf-color-purple: #9B7BE0; /* Crafting / calidad 4 */
  --rf-color-teal: #2FB8A6; /* Gathering */
  --rf-color-kill: #F06B6B;
  --rf-color-death: #B08A7A;
  --rf-color-glass: rgba(21,23,28,0.72); /* Fondo de chrome con desenfoque (sidebar, barra inferior, cabeceras, paleta) */
  --rf-color-glass-blur: 18px;
  --rf-color-glass-page: rgba(12,13,17,0.85); /* Glass del mismo tono que el fondo de página (cabeceras pegajosas): invisible en reposo, cubre al desplazarse */
  --rf-color-overlay: rgba(6,7,10,0.70); /* Fondo de modales y sheets */
  --rf-tier-1: #9CA3AF;
  --rf-tier-2: #3DB889;
  --rf-tier-3: #7AA7F0;
  --rf-tier-4: #9B7BE0;
  --rf-tier-5: #D4A33A;
  --rf-tier-6: #F06B6B;
  --rf-tier-7: #E38BCB;
  --rf-tier-8: #F59A4B;
  --rf-quality-1: #9CA3AF;
  --rf-quality-2: #3DB889;
  --rf-quality-3: #7AA7F0;
  --rf-quality-4: #9B7BE0;
  --rf-quality-5: #D4A33A;
  --rf-enchant-1: #4ade80;
  --rf-enchant-2: #7AA7F0;
  --rf-enchant-3: #C4B5FD;
  --rf-enchant-4: #F2C55C;
  --rf-font-display: 'Cinzel', 'Palatino Linotype', Georgia, serif; /* Títulos, marca, cabeceras de sección */
  --rf-font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* Cuerpo, datos, tablas, chips, botones */
  --rf-font-mono: 'JetBrains Mono', ui-monospace, SFMono-Regular, Menlo, monospace; /* Ids de item, códigos */
  --rf-text-xs: 12px;
  --rf-text-sm: 13px;
  --rf-text-md: 14px;
  --rf-text-lg: 16px;
  --rf-text-xl: 18px;
  --rf-text-2xl: 22px;
  --rf-text-3xl: 28px;
  --rf-text-display: 34px;
  --rf-weight-regular: 400;
  --rf-weight-medium: 500;
  --rf-weight-semibold: 600;
  --rf-weight-bold: 700;
  --rf-leading-tight: 1.2;
  --rf-leading-normal: 1.5;
  --rf-tracking-caps: 0.08em;
  --rf-tracking-display: 0.02em;
  --rf-space-1: 4px;
  --rf-space-2: 8px;
  --rf-space-3: 12px;
  --rf-space-4: 16px;
  --rf-space-5: 20px;
  --rf-space-6: 24px;
  --rf-space-8: 32px;
  --rf-space-10: 40px;
  --rf-radius-sm: 6px;
  --rf-radius-md: 10px;
  --rf-radius-lg: 14px;
  --rf-radius-xl: 20px;
  --rf-radius-pill: 999px;
  --rf-shadow-card: 0 1px 0 rgba(255,255,255,0.03) inset, 0 8px 24px rgba(0,0,0,0.35);
  --rf-shadow-float: 0 12px 40px rgba(0,0,0,0.55);
  --rf-shadow-fab: 0 8px 24px rgba(0,0,0,0.45), 0 0 0 6px #0C0D11;
  --rf-layout-sidebar: 240px;
  --rf-layout-bottombar: 74px;
  --rf-layout-content-max: 1440px;
  --rf-layout-breakpoint-md: 768px;
  --rf-layout-breakpoint-lg: 1100px;
  --rf-motion-fast: 120ms;
  --rf-motion-base: 200ms;
  --rf-motion-slow: 300ms;
  --rf-motion-ease: cubic-bezier(0.2, 0.8, 0.2, 1);

  /* ── Alias históricos (compatibilidad con los módulos CSS previos a F3) ── */
  --albion-gold: var(--rf-color-accent);
  --albion-amber: var(--rf-color-accent);
  --albion-gold-bright: var(--rf-color-accent-hi);
  --albion-gold-pale: var(--rf-color-text);
  --albion-gold-dim: var(--rf-color-accent-dim);
  --albion-red: var(--rf-color-neg);
  --albion-green: var(--rf-color-pos);
  --albion-teal: var(--rf-color-teal);
  --albion-purple: var(--rf-color-purple);
  --albion-blue: var(--rf-color-info);
  --albion-bg: var(--rf-color-bg);
  --albion-card: var(--rf-color-surface);
  --albion-card2: var(--rf-color-surface-2);
  --albion-border: var(--rf-color-line);
  --albion-text: var(--rf-color-text);
  --albion-text-secondary: var(--rf-color-text-2);
  --albion-text-tertiary: var(--rf-color-text-3);
  --kill-color: var(--rf-color-kill);
  --death-color: var(--rf-color-death);
  --text: var(--rf-color-text);
  --text-muted: var(--rf-color-text-2);
  --sp-xs: var(--rf-space-1);
  --sp-sm: var(--rf-space-2);
  --sp-md: var(--rf-space-3);
  --sp-lg: var(--rf-space-4);
  --sp-xl: var(--rf-space-5);
  --sp-xxl: var(--rf-space-6);
  --radius-sm: var(--rf-radius-sm);
  --radius-md: var(--rf-radius-md);
  --radius-lg: var(--rf-radius-lg);
  --radius-pill: var(--rf-radius-pill);
  --tier-1: var(--rf-tier-1);
  --tier-2: var(--rf-tier-2);
  --tier-3: var(--rf-tier-3);
  --tier-4: var(--rf-tier-4);
  --tier-5: var(--rf-tier-5);
  --tier-6: var(--rf-tier-6);
  --tier-7: var(--rf-tier-7);
  --tier-8: var(--rf-tier-8);
  --quality-1: var(--rf-quality-1);
  --quality-2: var(--rf-quality-2);
  --quality-3: var(--rf-quality-3);
  --quality-4: var(--rf-quality-4);
  --quality-5: var(--rf-quality-5);
}