:root {
    --background: 249 250 251; /* #F9FAFB */
    --foreground: 17 24 39; /* #111827 */
    --primary: 17 24 39; /* #111827 */
    --primary-foreground: 249 250 251; /* #F9FAFB */
    --secondary: 243 244 246; /* #F3F4F6 */
    --secondary-foreground: 17 24 39; /* #111827 */
    --muted: 243 244 246; /* #F3F4F6 */
    --muted-foreground: 107 114 128; /* #6B7280 */
    --accent: 243 244 246; /* #F3F4F6 */
    --accent-foreground: 17 24 39; /* #111827 */
    --border: 229 231 235; /* #E5E7EB */
    --input: 243 244 246; /* #F3F4F6 */
    --ring: 59 130 246; /* #3B82F6 */
    --destructive: 239 68 68; /* #EF4444 */
    --destructive-foreground: 249 250 251; /* #F9FAFB */
    --radius: 0.5rem;
}

.dark {
    --background: 17 24 39; /* #111827 */
    --foreground: 249 250 251; /* #F9FAFB */
    --primary: 249 250 251; /* #F9FAFB */
    --primary-foreground: 17 24 39; /* #111827 */
    --secondary: 31 41 55; /* #1F2937 */
    --secondary-foreground: 249 250 251; /* #F9FAFB */
    --muted: 31 41 55; /* #1F2937 */
    --muted-foreground: 156 163 175; /* #9CA3AF */
    --accent: 31 41 55; /* #1F2937 */
    --accent-foreground: 249 250 251; /* #F9FAFB */
    --border: 55 65 81; /* #374151 */
    --input: 31 41 55; /* #1F2937 */
    --ring: 59 130 246; /* #3B82F6 */
}

* {
    border-color: rgb(var(--border));
}

body {
    background-color: rgb(var(--background));
    color: rgb(var(--foreground));
    font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

.animate-float-in {
    animation: float-in 0.6s ease-out;
}

@keyframes float-in {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.stagger-1 { animation-delay: 0.1s; }
.stagger-2 { animation-delay: 0.2s; }
.stagger-3 { animation-delay: 0.3s; }
.stagger-4 { animation-delay: 0.4s; }

.gradient-text {
    background: linear-gradient(135deg, rgb(var(--foreground)) 0%, rgb(var(--muted-foreground)) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.glass {
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
}

.dark .glass {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.1);
}