@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Inter:wght@400;500;600;700&display=swap');

/* =============================================================================
   TEMA Eitri — COMPILADO de theme.json por build/compile-theme.mjs.
   NÃO editar à mão: a fonte é theme.json. Atrium — derivação da brand guideline pública da Eitri
   accent-h 125 · neutral-h 0 (decouplados).
   ============================================================================= */

/* --- ESCURO (default) ------------------------------------------------------ */
.theme-eitri {
  --accent-h: 125;
  --neutral-h: 0;
  --background: #292929;
  --foreground: #F0F0F0;
  --card: #333333;
  --card-foreground: #F0F0F0;
  --popover: #3A3A3A;
  --popover-foreground: #F0F0F0;
  --primary: #9DE82B;
  --primary-foreground: #292929;
  --secondary: #3D3D3D;
  --secondary-foreground: #F0F0F0;
  --muted: #353535;
  --muted-foreground: #B8B8B8;
  --accent: #405522;
  --accent-foreground: #F0F0F0;
  --destructive: oklch(0.62 0.22 25);
  --destructive-foreground: #FFFFFF;
  --border: #4A4A4A;
  --input: #414141;
  --ring: #9DE82B;
}

/* --- CLARO (.light no <body>, .theme-eitri no <html> ancestral) ------------------ */
.theme-eitri .light {
  --background: #F0F0F0;
  --foreground: #292929;
  --card: #FFFFFF;
  --card-foreground: #292929;
  --popover: #FFFFFF;
  --popover-foreground: #292929;
  --primary: #5F930F;
  --primary-foreground: #FFFFFF;
  --secondary: #E4E4E4;
  --secondary-foreground: #292929;
  --muted: #E7E7E7;
  --muted-foreground: #666666;
  --accent: #DFF6BD;
  --accent-foreground: #292929;
  --destructive: oklch(0.55 0.22 25);
  --destructive-foreground: #FFFFFF;
  --border: #D1D1D1;
  --input: #D8D8D8;
  --ring: #5F930F;
}

/* --- FUNDO VIVO (default .os-wallpaper) ------------------------------------ */
.theme-eitri .os-wallpaper,
.theme-eitri .mob-shell.os-wallpaper,
.theme-eitri .mob-shell .os-wallpaper {
  background: radial-gradient(90% 75% at 82% 8%, rgb(157 232 43 / 0.28), transparent 58%), radial-gradient(110% 100% at 8% 100%, rgb(157 232 43 / 0.10), transparent 62%), #292929;
}
.theme-eitri .light .os-wallpaper,
.theme-eitri .light .mob-shell.os-wallpaper,
.theme-eitri .light .mob-shell .os-wallpaper {
  background: radial-gradient(90% 75% at 82% 8%, rgb(157 232 43 / 0.34), transparent 58%), linear-gradient(160deg, #FFFFFF, #F0F0F0);
}
/* --- FUNDO SÓBRIO (.wallpaper-sobrio) -------------------------------------- */
.wallpaper-sobrio.theme-eitri .os-wallpaper,
.theme-eitri.wallpaper-sobrio .mob-shell .os-wallpaper,
.theme-eitri.wallpaper-sobrio .mob-shell.os-wallpaper {
  background: radial-gradient(100% 80% at 50% -10%, rgb(157 232 43 / 0.16), transparent 68%), linear-gradient(165deg, #333333, #202020);
}
.theme-eitri.wallpaper-sobrio .light .os-wallpaper {
  background: radial-gradient(100% 80% at 50% -10%, rgb(157 232 43 / 0.22), transparent 68%), linear-gradient(165deg, #FFFFFF, #F0F0F0);
}
/* --- TIPOGRAFIA (famílias do tema, escopadas em .theme-eitri) -------------------- */
.theme-eitri body,
.theme-eitri {
  font-family: "Inter", ui-sans-serif, system-ui, sans-serif;
}
.theme-eitri h1, .theme-eitri h2, .theme-eitri h3, .theme-eitri .font-display {
  font-family: "Inter", Georgia, serif;
}
.theme-eitri code, .theme-eitri pre, .theme-eitri kbd, .theme-eitri samp {
  font-family: "ui-monospace", ui-monospace, monospace;
}
