body {
    background-color: theme('colors.background');
    color: theme('colors.on-background');
}

.hero-gradient {
    background: radial-gradient(circle at top right, rgba(0, 165, 114, 0.15), transparent 40%),
                radial-gradient(circle at bottom left, rgba(37, 99, 235, 0.15), transparent 40%);
}

.glass-card {
    background: rgba(34, 42, 61, 0.6);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(67, 70, 85, 0.5);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

.accent-glow {
    box-shadow: 0 0 20px rgba(0, 165, 114, 0.3);
}