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

:root {
    --primary: #f97316; /* Orange 500 */
    --surface: #ffffff;
    --background: #fafafa;
    --text: #18181b;
}

body {
    font-family: 'Inter', system-ui, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.font-mono {
    font-family: 'JetBrains Mono', monospace;
}

/* Custom Scanner Line Animation */
@keyframes scan-it {
    0% { top: 0%; opacity: 0.5; }
    50% { top: 100%; opacity: 0.8; }
    100% { top: 0%; opacity: 0.5; }
}

.scan-line {
    position: absolute;
    height: 2px;
    width: 100%;
    background: var(--primary);
    box-shadow: 0 0 10px var(--primary);
    animation: scan-it 3s linear infinite;
    z-index: 5;
}

/* Transition classes */
.page-enter {
    opacity: 0;
    transform: translateX(10px);
}

.page-active {
    opacity: 1;
    transform: translateX(0);
    transition: all 0.3s ease;
}

/* Glassmorphism utility */
.glass {
    background: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}