:root:has(input.theme-controller[value=mytheme]:checked),
[data-theme="mytheme"] {
  color-scheme: dark;

  /* Fundos escuros */
  --color-base-100: oklch(15% 0 0);  /* Fundo principal (quase preto) */
  --color-base-200: oklch(20% 0 0);  /* Fundo secundário */
  --color-base-300: oklch(25% 0 0);  /* Fundo terciário */
  --color-base-content: oklch(95% 0 0); /* Texto claro */

  /* Primária (amarelo vibrante) */
  --color-primary: oklch(90.2% 0.176 96.65); /* #F3DE0B */
  --color-primary-content: oklch(20% 0 0); /* Preto para contraste */

  /* Secondary (cinza escuro, mas ajustado para dark mode não sumir) */
  --color-secondary: oklch(45% 0.04 98.42); 
  --color-secondary-content: oklch(95% 0 0); 

  /* Neutral (cinza médio) */
  --color-neutral: oklch(40% 0.016 99.85); 
  --color-neutral-content: oklch(95% 0 0);

  /* Accent */
  --color-accent: oklch(75% 0.182 98.111); 
  --color-accent-content: oklch(20% 0 0);

  /* Info */
  --color-info: oklch(60% 0.126 221.723); 
  --color-info-content: oklch(98% 0.019 200.873);

  /* Success */
  --color-success: oklch(62% 0.194 149.214); 
  --color-success-content: oklch(98% 0.018 155.826);

  /* Warning */
  --color-warning: oklch(64% 0.222 41.116); 
  --color-warning-content: oklch(98% 0.016 73.684);

  /* Error */
  --color-error: oklch(59% 0.249 0.584); 
  --color-error-content: oklch(97% 0.014 343.198);

  /* Layout tokens */
  --radius-selector: 1rem;
  --radius-field: 0.25rem;
  --radius-box: 1rem;
  --size-selector: 0.25rem;
  --size-field: 0.25rem;
  --border: 1px;
  --depth: 1;
  --noise: 1;
}

.hero {
  position: relative;
  background-image: url('../imgs/logo-spacefit.jpg');
  background-size: cover;
  background-position: center;
}

.hero::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  background: rgba(0,0,0,0.9); /* overlay escuro */
}