/* |-------------------------------------------------------------------------- | SEO Agency Automation Platform — Main Stylesheet |-------------------------------------------------------------------------- | Dùng CDN Tailwind CSS (Play CDN) cho shared hosting. | Custom colors được map qua tailwind.config inline trong layout . | File này chứa các override và utility classes bổ sung. |-------------------------------------------------------------------------- */ @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap'); /* ── Base ─────────────────────────────────────────────────────────────── */ body { font-family: 'Inter', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; } /* Prevent flash of un-Alpine'd elements (e.g. theme-toggle icons). */ [x-cloak] { display: none !important; } /* ── Scrollbar (theme-aware via CSS vars from cdn-assets) ────────────── */ ::-webkit-scrollbar { width: 6px; height: 6px; } ::-webkit-scrollbar-track { background: rgb(var(--surface-900)); } ::-webkit-scrollbar-thumb { background: rgb(var(--surface-700)); border-radius: 3px; } ::-webkit-scrollbar-thumb:hover { background: rgb(var(--surface-600)); } /* ── Animations ───────────────────────────────────────────────────────── */ @keyframes pulse-slow { 0%, 100% { opacity: 1; } 50% { opacity: .6; } } .animate-pulse-slow { animation: pulse-slow 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } /* ── Transitions ──────────────────────────────────────────────────────── */ .transition-smooth { transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1); }