@import "tailwindcss";
@tailwind utilities;

:root {
  --foreground-rgb: 15, 23, 42;
  --background-rgb: 248, 250, 252;
}

@media (prefers-color-scheme: dark) {
  :root {
    --foreground-rgb: 248, 250, 252;
    --background-rgb: 15, 23, 42;
  }
}

/* Classes de tema */
.light {
  --foreground-rgb: 15, 23, 42;
  --background-rgb: 248, 250, 252;
}

.dark {
  --foreground-rgb: 248, 250, 252;
  --background-rgb: 15, 23, 42;
}

.ocean {
  --foreground-rgb: 226, 232, 240;
  --background-rgb: 8, 47, 73;
}

.sunset {
  --foreground-rgb: 254, 243, 199;
  --background-rgb: 124, 45, 18;
}

.forest {
  --foreground-rgb: 220, 252, 231;
  --background-rgb: 20, 83, 45;
}

.lavender {
  --foreground-rgb: 237, 233, 254;
  --background-rgb: 88, 28, 135;
}

.midnight {
  --foreground-rgb: 199, 210, 254;
  --background-rgb: 30, 27, 75;
}

.cosmic {
  --foreground-rgb: 209, 213, 219;
  --background-rgb: 17, 24, 39;
}

.cherry {
  --foreground-rgb: 254, 242, 242;
  --background-rgb: 136, 19, 55;
}

.emerald {
  --foreground-rgb: 209, 250, 229;
  --background-rgb: 6, 78, 59;
}

body {
  color: rgb(var(--foreground-rgb));
  background: rgb(var(--background-rgb));
  transition: color 0.5s ease, background-color 0.5s ease;
}

.theme-transition {
  transition: opacity 0.3s ease;
}

/* Esconde a barra de scroll mas mantém a funcionalidade */
.no-scrollbar {
  -ms-overflow-style: none;  /* IE e Edge */
  scrollbar-width: none;     /* Firefox */
}
.no-scrollbar::-webkit-scrollbar {
  display: none;  /* Chrome, Safari e Opera */
}