/* ==========================================================================
   Cores e fontes globais, ltcminer-site
   Fonte da verdade: AppCores.dark do app original (D:\Flutter\Mineracao\ltcminer).
   Regra do projeto: nenhuma cor ou fonte hardcoded espalhada. Tudo sai daqui.
   ========================================================================== */

/* Fonte Geist Mono (mesma do app). Arquivos locais em assets/fonts. */
@font-face {
  font-family: "Geist Mono";
  src: url("../assets/fonts/GeistMono-Regular.ttf") format("truetype");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../assets/fonts/GeistMono-Medium.ttf") format("truetype");
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Geist Mono";
  src: url("../assets/fonts/GeistMono-Bold.ttf") format("truetype");
  font-weight: 700;
  font-display: swap;
}

:root {
  /* Paleta (tema escuro do app) */
  --background: #1C1917;
  --card: #292524;
  --primary: #F97316;
  --primary-2: #EA6A0C; /* hover do primario, laranja um pouco mais escuro */
  --primary-foreground: #FFFFFF;
  --secondary: #57534E;
  --secondary-foreground: #E7E5E4;
  --foreground: #F5F5F4;
  --muted-foreground: #A8A29E;
  --accent: #1E4252;
  --info: #0EA5E9;
  --warning: #EAB308;
  --destructive: #DC2626;
  --border: #44403C;

  /* Tipografia */
  --fonte: "Geist Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  /* Espaçamento (sistema, multiplos de 4/8) */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* Raio e camadas */
  --raio: 10px;
  --raio-lg: 16px;
  --largura-max: 1080px;
}

/* Reset leve */
*,
*::before,
*::after { box-sizing: border-box; margin: 0; padding: 0; }

html { scroll-behavior: smooth; }

body {
  font-family: var(--fonte);
  font-weight: 400;
  color: var(--foreground);
  background-color: var(--background);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

/* Tipografia base */
h1, h2, h3 { line-height: 1.2; font-weight: 700; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }