/*
Theme Name: Seblang News Theme
Theme URI: https://seblang.com
Author: AI Studio Assistant
Author URI: https://ai.studio
Description: Tema portal berita premium, modern, dan interkonseptual yang terinspirasi dari identitas digital Seblang.com. Menggunakan framework Tailwind CSS, dinamis, aman, dan fully responsive dengan navigasi full-screen burger overlay berkelas.
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seblang-news
Tags: news, blog, dark, two-columns, full-width-template, translation-ready
*/

/* --- CORE CUSTOMIZATIONS --- */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');

:root {
  --font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
  --font-display: "Space Grotesk", sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, monospace;
}

body {
  font-family: var(--font-sans);
  background-color: #1a1c23;
  color: #f3f4f6;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

/* --- Ticker Marquee Automation --- */
@keyframes ticker-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-ticker {
  display: inline-flex;
  white-space: nowrap;
  animation: ticker-scroll 35s linear infinite;
}

.animate-ticker:hover {
  animation-play-state: paused;
}

/* Hide Scrollbars */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

/* Smooth Scale In */
@keyframes zoomInEffect {
  from {
    opacity: 0;
    transform: scale(0.98);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

.animate-fade-in {
  animation: zoomInEffect 0.25s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}