/* ==========================================================================
   NALDERA.TECH REPLICA DESIGN SYSTEM
   TailwindCSS Base + Custom Scaling & Dark Mode Support
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');

html {
    scroll-behavior: smooth;
    font-size: 85%; /* Compact executive SaaS scale: presisi dan dinamis tanpa terlalu zoom */
}

@media (min-width: 1280px) {
    html { font-size: 87.5%; }
}
@media (min-width: 768px) and (max-width: 1279px) {
    html { font-size: 82.5%; }
}
@media (max-width: 767px) {
    html { font-size: 80%; }
}

body {
    font-family: 'Inter', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

[x-cloak] {
    display: none !important;
}

/* Custom Color Tokens for Non-Tailwind elements fallback */
:root {
    --color-navy-950: #000F1F;
    --color-navy-900: #001529;
    --color-navy-800: #001F3F;
    --color-navy-700: #002952;
    --color-navy-600: #003366;
    --color-navy-500: #004080;
    --color-gold: #D4AF37;
    --color-gold-light: #F0D78C;
}

/* Smooth Accordion Chevron Rotation */
.faq-chevron {
    transition: transform 0.3s ease;
}
.faq-chevron.rotate-180 {
    transform: rotate(180deg);
}

/* Mobile Touch Targets */
@media (hover: none) {
    footer a {
        min-height: 2.5rem;
        display: inline-flex;
        align-items: center;
    }
}

/* Scrollbar Styling for Chat Widget */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}
::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.05);
}
::-webkit-scrollbar-thumb {
    background: rgba(212, 175, 55, 0.5);
    border-radius: 4px;
}