/* ══════════════════════════════════════════════════════════════════
   MasterMu — tokens de diseño

   ESPEJO EXACTO de Theme.cs. Los dos archivos describen la misma
   interfaz vista desde dos tecnologías distintas: el contenedor
   WinForms y las páginas embebidas en el WebView.

   Si cambias un valor aquí, cámbialo también en Theme.cs.

   Antes no existía este archivo y cada lado definía su propia paleta,
   con el resultado de que el CSS que el launcher inyectaba repintaba
   enlaces y fondos con colores distintos a los del contenedor. Ese es el problema
   que este archivo resuelve, y por eso la inyección de CSS desde el
   launcher desaparece: las páginas ya nacen con la paleta correcta.
   ══════════════════════════════════════════════════════════════════ */

:root {
  color-scheme: dark;

  /* ── Superficies ────────────────────────────────────────────── */
  --bg:            #040609;   /* Theme.Background  */
  --panel-deep:    #07090D;   /* Theme.PanelDeep   */
  --surface:       #0C0E12;   /* Theme.Surface     */
  --surface-alt:   #12141A;   /* Theme.SurfaceAlt  */
  --surface-hover: #231F18;   /* Theme.SurfaceHover*/
  --border:        #493314;   /* Theme.Border      */
  --border-soft:   #1F2227;   /* Theme.BorderSoft  */

  /* ── Acento funcional: foco, hover, estado activo, progreso ──────── */
  --accent:        #A5782B;   /* Theme.Accent      */
  --accent-hover:  #CD9938;   /* Theme.AccentHover */

  /* ── Acento cálido: jugar, primer puesto, evento activo ──────
     Reservado. Si algo no es "lo importante de esta pantalla",
     no lleva ámbar. Es lo que hace que destaque.                */
  --warm:          #C9A227;   /* Theme.AccentWarm      */
  --warm-text:     #D9B44A;   /* Theme.AccentWarmText  — 7.25:1 sobre surface */
  --warm-hover:    #E8C766;   /* Theme.AccentWarmHover */
  --warm-dim:      #8A6F1E;   /* Theme.AccentWarmDim   */
  --ember:         #C97A2E;   /* Theme.Ember           */

  /* ── Estado ─────────────────────────────────────────────────── */
  --danger:        #793640;   /* Theme.Danger      — fondo */
  --danger-hover:  #A9494F;   /* Theme.DangerHover — fondo */
  --danger-text:   #D98A90;   /* Theme.DangerText  — texto, 5.48:1 */
  --success-text:  #5FB86A;   /* Theme.SuccessText */

  /* ── Texto ──────────────────────────────────────────────────── */
  --text:          #C7D5E0;   /* Theme.Text       */
  --muted:         #8F98A0;   /* Theme.TextDim    */
  --bright:        #F5F7FA;   /* Theme.TextBright */

  /* ── Tipografía ──────────────────────────────────────────────
     Mismo criterio que Theme.cs: sans limpio, sin serif.

     La primera versión usaba una romana buscando carácter "de
     fantasía", y el resultado se leía decorativo y poco serio. La
     jerarquía no la da una familia distinta: la dan el TAMAÑO, el
     PESO, la CAJA y sobre todo el ESPACIADO entre letras. Títulos
     en peso ligero con letras separadas leen premium; títulos en
     negrita apretada leen baratos.                                */
  --font-display: "Segoe UI", system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  --font-ui:      "Segoe UI", system-ui, -apple-system, Arial, sans-serif;
  --font-num:     "Segoe UI", Consolas, monospace;

  /* Escala de espaciado. Cuanto más pequeño el texto, más separado. */
  --track-title: .16em;
  --track-label: .22em;
  --track-hero:  .01em;

  /* ── Ritmo y forma ──────────────────────────────────────────── */
  --gap:    14px;
  --pad:    18px;
  --radius: 3px;         /* casi recto: el launcher es de esquinas vivas */

  --shadow:      0 6px 18px rgba(0, 0, 0, .28);
  --shadow-soft: 0 2px 8px  rgba(0, 0, 0, .18);

  /* Trazo de foco visible, para poder navegar con teclado.
     Antes no había ninguno: todo dependía del hover del ratón. */
  --focus-ring: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent);
}