/* GLODOOM Links — tokens do visual do cliente (L2 Essence / L2 XM).
   Calibrado com o print do cliente olhando para o céu (2026-09-05): painéis
   cinza-chumbo translúcidos sobre céu azul de dia, bisel fino claro, títulos
   centralizados, barras HP vermelha / MP azul / CP dourada.
   Este é o ÚNICO arquivo a mexer na calibração.
   Regra de tipografia: 11–12px só no "cromo" (titlebar, badge, tooltip, meta, HUD);
   >= 14px em botões/abas; >= 15px em tudo que o visitante precisa ler. */
:root {
  /* fonte: o cliente usa uma UI sans pequena (Tahoma/Verdana-like) */
  --il-font-ui: Verdana, Tahoma, "DejaVu Sans", Geneva, sans-serif;
  --il-fs-chrome: 11px;
  --il-fs-label: 12px;
  --il-fs-btn: 14px;
  --il-fs-body: 15px;
  --il-fs-lead: 16px;
  --il-fs-h1: 24px;
  --il-lh: 1.5;

  /* cena de fundo: câmera virada para o céu (dia, nuvens leves) */
  --il-page-bg: #6da3d8;
  --il-page-bg-image: none;                 /* ex.: url(../assets/bg.jpg) para usar um print real */
  --il-sky-top: #5b95d0;
  --il-sky-mid: #86bce6;
  --il-sky-low: #aad4f0;
  --il-sky-haze: #cfe6f6;
  --il-cloud: rgba(255, 255, 255, 0.55);
  --il-cloud-soft: rgba(255, 255, 255, 0.28);
  --il-sun: rgba(255, 246, 220, 0.55);

  /* painel (janela): cinza-chumbo translúcido do Essence */
  --il-panel-bg: rgba(30, 32, 36, 0.93);
  --il-panel-bg-solid: #22242a;
  --il-panel-bg-inset: rgba(0, 0, 0, 0.36);   /* campos, poster do player, caixas internas */
  --il-panel-bg-band: rgba(255, 255, 255, 0.05); /* faixa de seção ("Combat Stats", "Stats") */
  --il-titlebar-bg: linear-gradient(180deg, #3b3d43 0%, #2b2d32 100%);
  --il-titlebar-bg-active: linear-gradient(180deg, #45474e 0%, #2f3136 100%);

  /* linhas do bisel (cinza claro, fino, como no print) */
  --il-border-outer: rgba(0, 0, 0, 0.75);
  --il-border-light: #8e8d86;
  --il-border-hi: #c9c6ba;
  --il-border-dark: #45474c;

  /* texto */
  --il-title-text: #ebe7db;
  --il-text: #e2dfd6;
  --il-text-muted: #a3a29b;
  --il-link: #f2c75c;             /* dourado dos itens/valores ("[8,00 XM Coin]") */
  --il-link-hover: #ffe39a;
  --il-npc-bullet: #f2c75c;
  --il-value: #ffffff;            /* números à direita (P. Atk 715) */

  /* botões */
  --il-btn-bg: linear-gradient(180deg, #4a4c52, #2e3035);
  --il-btn-bg-hover: linear-gradient(180deg, #585a61, #36383e);
  --il-btn-bg-active: linear-gradient(180deg, #26282c, #3a3c42);
  --il-btn-border: #7e7d76;
  --il-btn-border-hover: #d6d2c4;
  --il-btn-text: #eae7dc;
  --il-btn-chamfer: 0px;

  /* slots de item / atalho (inventário, barra) */
  --il-slot-size: 38px;
  --il-slot-bg: linear-gradient(180deg, #24262b, #17181c);
  --il-slot-border: #3a3c42;
  --il-slot-border-hi: #5c5e66;
  --il-slot-hover: #f2c75c;
  --il-slot-gap: 3px;

  /* barras do HUD (HP / MP / CP / SP / EXP do cliente) */
  --il-bar-cp: linear-gradient(180deg, #ecc04a, #a87a12);
  --il-bar-hp: linear-gradient(180deg, #e6473a, #931f16);
  --il-bar-mp: linear-gradient(180deg, #4a86e8, #1c3f8f);
  --il-bar-sp: linear-gradient(180deg, #8d8f95, #5a5c62);
  --il-bar-exp: #f2c75c;
  --il-bar-track: #0e0f12;
  --il-bar-border: #8a7442;

  /* chat (cores dos canais do cliente) */
  --il-chat-system: #d8d4c8;
  --il-chat-clan: #8fdc96;
  --il-chat-shout: #f2a25a;
  --il-chat-trade: #f2c75c;
  --il-chat-hero: #7fb7ff;
  --il-chat-you: #ffffff;

  /* acentos */
  --il-accent-live: #e03c31;
  --il-accent-ok: #63c66a;
  --il-whatsapp: #25d366;
  --il-focus: #f2c75c;

  /* scrollbar / tooltip */
  --il-scroll-track: #1b1c20;
  --il-scroll-thumb: #4e5058;
  --il-scroll-thumb-border: #7e7d76;
  --il-tooltip-bg: rgba(24, 25, 29, 0.97);

  /* geometria */
  --il-radius: 3px;
  --il-titlebar-h: 28px;
  --il-close-hit: 34px;
  --il-close-glyph: 12px;
  --il-gap: 12px;
  --il-window-pad: 12px;
  --il-shadow-window: 0 12px 34px rgba(10, 20, 40, 0.45);
  --il-hud-h: 96px;              /* altura reservada no topo (celular) */
  --il-bar-h: 64px;              /* barra de atalhos (desktop) */
  --il-bar-h-mobile: 60px;
  --il-strip-h: 22px;            /* faixa de EXP / moedas no rodapé (desktop) */
  --il-chat-w: 380px;
  --il-chat-h: 170px;

  /* camadas */
  --il-z-scene: 0;
  --il-z-nameplate: 2;
  --il-z-hud: 5;
  --il-z-window: 10;
  --il-z-chat: 30;
  --il-z-bar: 40;
  --il-z-tooltip: 50;
  --il-z-modal: 100;
  --il-z-toast: 200;
}