/* ========================================
   BASE STYLES - Typography, Body, Utilities
   ======================================== */

html {
    overflow-x: hidden;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: oklch(var(--background));
    color: oklch(var(--foreground));
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
    position: relative;
}

/* Typography */
.heading-xl { letter-spacing: -0.03em; line-height: 1.1; }
.tracking-tight { letter-spacing: -0.02em; }

/* Premium Monospace Font for Technical Data */
.font-mono {
    font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, monospace;
}

/* Smooth Scrolling */
html { scroll-behavior: smooth; }

/* Line clamp for caption */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* Gradient Radial Background Helper */
.bg-gradient-radial {
    background: radial-gradient(circle at center, var(--tw-gradient-from), var(--tw-gradient-to));
}

/* Text Shadow Glow Effect for Word Tags */
.hover\:text-shadow-glow:hover {
    text-shadow: 0 0 10px currentColor;
}