/* Base styles */

:root {
    --bg-dark: #0a0a0a;
    --bg-card: #141414;
    --accent-primary: #22c55e;
    --accent-secondary: #16a34a;
    --text-primary: #f4f4f5;
    --text-secondary: #a1a1aa;
    --border-color: #262626;
}

@font-face {
    font-family: 'Geist';
    src: url('/static/fonts/Geist/Geist-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('/static/fonts/Geist/Geist-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Geist';
    src: url('/static/fonts/Geist/Geist-Bold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Geist Mono';
    src: url('/static/fonts/GeistMono/GeistMono-Regular.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

body, html {
    min-height: 100vh;
    background: var(--bg-dark);
    color: var(--text-primary);
    font-family: 'Geist', system-ui, -apple-system, sans-serif;
}

.code-pattern {
    background-image: 
        linear-gradient(rgba(34, 197, 94, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(34, 197, 94, 0.05) 1px, transparent 1px);
    background-size: 20px 20px;
}

/* Custom styles */
.chat-message {
    animation: fadeIn 0.3s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}