/* ============================================================
   MU NETWORK — Design Tokens
   Paleta: Oro & Negro — Estilo premium / imperial
   ============================================================ */
:root {
  /* Brand palette */
  --c-bg: #060504;
  --c-bg-2: #120d06;
  --c-panel: rgba(24, 18, 10, 0.55);
  --c-panel-2: rgba(16, 12, 6, 0.88);
  --c-border: rgba(212, 175, 55, 0.22);
  --c-border-strong: rgba(212, 175, 55, 0.5);

  --c-primary: #d4af37;      /* Oro clásico */
  --c-primary-2: #f5d576;    /* Oro claro / brillo */
  --c-primary-3: #8a6a10;    /* Oro profundo / bronce */
  --c-gold: #f0c14b;
  --c-gold-2: #ffe9a8;
  --c-silver: #d8cdb4;

  --c-text: #f3ecdd;
  --c-muted: #a89a7b;
  --c-heading: #fdf6e3;

  --c-success: #2fe6a4;
  --c-warn: #ffb547;
  --c-danger: #ff5570;

  /* Tooltip de items — editable en vivo desde el "Diseñador de Tooltip"
     (#tooltipLab). Cambiar estos valores aquí los deja permanentes. */
  --tt-name-excellent: #3ee66f;
  --tt-name-ancient: #f5d576;
  --tt-name-rare: #7dd3fc;
  --tt-name-normal: #efe9da;
  --tt-stat-main: #f2ede0;
  --tt-stat-secondary: #7fd4ff;
  --tt-footer-title: #f5d576;
  --tt-footer-sub: #a89a7c;

  /* Glow */
  --glow-blue: 0 0 24px rgba(245, 213, 118, .5), 0 0 60px rgba(212, 175, 55, .3);
  --glow-blue-soft: 0 0 18px rgba(245, 213, 118, .32);
  --glow-gold: 0 0 24px rgba(240, 193, 75, .55);

  /* Gradients */
  --grad-primary: linear-gradient(135deg, #f5d576 0%, #d4af37 45%, #8a6a10 100%);
  --grad-panel: linear-gradient(160deg, rgba(212,175,55,.09), rgba(10,8,4,.65) 60%);
  --grad-gold: linear-gradient(135deg, #ffe9a8, #f0c14b 60%, #8a6a10);
  --grad-dark: linear-gradient(180deg, rgba(6,5,4,0) 0%, rgba(6,5,4,.9) 100%);

  /* Typography */
  --f-display: "Orbitron", "Rajdhani", system-ui, sans-serif;
  --f-heading: "Rajdhani", "Orbitron", system-ui, sans-serif;
  --f-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

  /* Radii */
  --r-sm: 6px;
  --r-md: 12px;
  --r-lg: 18px;
  --r-xl: 28px;
  --r-pill: 999px;

  /* Layout */
  --container: 1280px;
  --container-narrow: 900px;
  --header-h: 78px;

  /* Motion */
  --ease-out: cubic-bezier(.2,.7,.2,1);
  --ease-in-out: cubic-bezier(.65,0,.35,1);
}


.item-tooltip__stats p.gold{color:#FFD700!important;}
.item-tooltip__stats p.green{color:#00FF66!important;}
.item-tooltip__stats p.red{color:#FF5555!important;}
.item-tooltip__stats p.cyan{color:#00FFFF!important;}
.item-tooltip__stats p.orange{color:#FF9800!important;}
.item-tooltip__stats p.purple{color:#C77DFF!important;}
.item-tooltip__stats p.white{color:#FFFFFF!important;}
.item-tooltip__stats p.blue{color:#66CCFF!important;}

/* Tooltip V2 */
:root{
 --tooltip-width:360px;--tooltip-padding:16px;--tooltip-image-size:72px;
}
.item-tooltip{width:var(--tooltip-width)!important;padding:var(--tooltip-padding)!important;}
.item-tooltip__img img{width:var(--tooltip-image-size)!important;height:auto!important;}
.item-tooltip__stats p.gold{color:#FFD700!important}.item-tooltip__stats p.yellow{color:#FFFF00!important}.item-tooltip__stats p.darkgold{color:#C9A227!important}.item-tooltip__stats p.green{color:#00FF66!important}.item-tooltip__stats p.lime{color:#7CFC00!important}.item-tooltip__stats p.darkgreen{color:#00B050!important}.item-tooltip__stats p.red{color:#FF5555!important}.item-tooltip__stats p.darkred{color:#CC0000!important}.item-tooltip__stats p.blue{color:#66CCFF!important}.item-tooltip__stats p.skyblue{color:#87CEEB!important}.item-tooltip__stats p.cyan{color:#00FFFF!important}.item-tooltip__stats p.aqua{color:#7FFFD4!important}.item-tooltip__stats p.purple{color:#C77DFF!important}.item-tooltip__stats p.violet{color:#8A2BE2!important}.item-tooltip__stats p.magenta{color:#FF00FF!important}.item-tooltip__stats p.orange{color:#FF9800!important}.item-tooltip__stats p.pink{color:#FF69B4!important}.item-tooltip__stats p.white{color:#FFF!important}.item-tooltip__stats p.silver{color:#D9D9D9!important}.item-tooltip__stats p.gray{color:#A0A0A0!important}.item-tooltip__stats p.darkgray{color:#606060!important}.item-tooltip__stats p.black{color:#000!important}