/* app/static/css/style.css */

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

body {
    font-family: 'Inter', sans-serif;
    background-color: #0f172a; /* Slate-900 */
    color: #e2e8f0; /* Slate-200 */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Monospace font for technical specs */
code, .font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* The "LuxIR" Gradient Text */
.lux-gradient {
    background: linear-gradient(90deg, #3b82f6 0%, #f97316 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

/* Subtle pattern overlay for the hero section (optional) */
.hero-pattern {
    background-image: radial-gradient(#1e293b 1px, transparent 1px);
    background-size: 32px 32px;
    mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
    -webkit-mask-image: linear-gradient(to bottom, black 40%, transparent 100%);
}