@import url('https://fonts.googleapis.com/css2?family=Lilita+One&family=Figtree:ital,wght@0,400..900;1,400..900&family=JetBrains+Mono:wght@400;500&display=swap');

/* ==========================================
   TOKENS GLOBAIS - REI DA MONTANHA
   ========================================== */
:root {
  /* Cores de Fundo e Estrutura */
  --bg-base: #FFF8EC; 
  --bg-card: #FFFFFF; 
  --bg-sunken: #F1E6D2;
  --ink: #17140F;     
  --ink-mute: #7A6E5C; 
  --linha: #C9BBA4;

  /* Cores Semânticas do Produto */
  --brand-ceu: #1E6FE0; 
  --brand-encosta: #12A67A;
  --trono-luz: #FFD24A; 
  --trono: #E8A21C; 
  --trono-som: #A9660A; /* Âmbar chapado. Ouro de desenho, não de cassino */
  
  --subiu: #12A67A; 
  --subiu-bg: #DFF3EA; /* Verde-encosta, mineral */
  
  --queda: #C25A3E; 
  --queda-bg: #F8E3DC; /* Terracota, cor de barro e queda, não vermelho de erro */
  
  --urgencia: #D62D8B; 
  --urgencia-bg: #FBE1EF; /* Magenta. Evitamos vermelho absoluto para não parecer cassino */

  /* Espaçamentos e Raios */
  --sp-1: 4px; --sp-2: 8px; --sp-3: 12px; --sp-4: 16px;
  --sp-6: 24px; --sp-8: 32px; /* 32px é a distância Y fixa entre usuários na montanha */
  --r-md: 12px; --r-full: 999px;
  
  /* Sombras Rígidas (Sem blur) */
  --e-1: 3px 3px 0 var(--ink); 
  --e-2: 6px 6px 0 var(--ink);
  
  /* Tipografia */
  --font-display: 'Lilita One', 'Arial Black', Impact, sans-serif;
  --font-ui: Figtree, 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

[data-tema="escuro"] {
  --bg-base: #14161B; --bg-card: #1D2028; --bg-sunken: #0F1115;
  --ink: #ECEBE6;     --ink-mute: #8A93A3; --linha: #333947;
  --brand-ceu: #4C93FF; --brand-encosta: #24C795;
  --trono-luz: #FFDE73; --trono: #E8A21C; --trono-som: #FFD24A;
  --subiu: #24C795; --subiu-bg: #10322A;
  --queda: #F0836A; --queda-bg: #331914;
  --urgencia: #FF5CAE; --urgencia-bg: #2A1220;
  
  --e-1: 3px 3px 0 #0B0C10; 
  --e-2: 6px 6px 0 #0B0C10;
}

/* ==========================================
   RESET E BASE TÁTICA
   ========================================== */
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  background-color: var(--bg-base);
  color: var(--ink);
  font-family: var(--font-ui);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Títulos Restritos */
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  font-family: var(--font-display);
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -0.01em;
}

/* Links */
a {
  color: var(--brand-ceu);
  text-decoration: none;
}

/* ==========================================
   UTILITÁRIOS CRÍTICOS
   ========================================== */
.tabular-nums {
  font-family: var(--font-ui);
  font-variant-numeric: tabular-nums;
}

.text-display {
  font-family: var(--font-display);
  text-transform: uppercase;
}