/*
Theme Name: NewsPortal
Theme URI: https://example.com/newsportal
Author: Converted by Cascade
Description: Tema WordPress inspirado no layout NewsPortal.
Version: 1.0
Text Domain: newsportal
*/

:root {
  --font-size: 16px;
  --brand-yellow: #f5b400;
  --brand-yellow-dark: #d99900;
  --brand-red: #c01624;
  --brand-red-dark: #9b121d;
  --brand-black: #0b0b0b;
}

html {
  font-size: var(--font-size);
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #f7f4ef;
  color: var(--brand-black);
}

/* Brand overrides for Tailwind utility colors used in templates */
.bg-yellow-500 { background-color: var(--brand-yellow) !important; }
.bg-yellow-600 { background-color: var(--brand-yellow-dark) !important; }
.text-yellow-500,
.text-yellow-600 { color: var(--brand-yellow-dark) !important; }
.hover\:bg-yellow-600:hover { background-color: var(--brand-yellow-dark) !important; }
.hover\:text-yellow-600:hover { color: var(--brand-yellow-dark) !important; }

.bg-red-600 { background-color: var(--brand-red) !important; }
.bg-red-700 { background-color: var(--brand-red-dark) !important; }

.bg-gray-900 { background-color: var(--brand-black) !important; }
.dark .bg-gray-900 { background-color: #000000 !important; }
.dark .bg-black { background-color: #000000 !important; }
.dark .text-gray-300,
.dark .text-gray-400 { color: #c7c7c7 !important; }

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-scroll {
  animation: scroll 30s linear infinite;
}

::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.dark ::-webkit-scrollbar-track {
  background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

.dark ::-webkit-scrollbar-thumb {
  background: #555;
}

.dark ::-webkit-scrollbar-thumb:hover {
  background: #777;
}