@tailwind base;
@tailwind components;
@tailwind utilities;

@layer base {
  :root {
    --color-teneriffa: #60a5fa;
    /* Keep brand colors for now, or shift if requested */
    --color-natur: #facc15;
  }

  /* Default to Light Mode */
  html,
  body {
    background-color: #fafaf9;
    /* stone-50 */
    color: #1c1917;
    /* stone-900 */
  }

  /* Dark Mode Overrides */
  .dark html,
  .dark body {
    background-color: #020617;
    /* slate-950 / black */
    color: #f1f5f9;
    /* slate-100 */
  }

  body {
    margin: 0;
    padding: 0;
  }

  #root {
    min-height: 100vh;
    @apply bg-stone-50 dark:bg-black transition-colors duration-500;
  }
}