/* ===== GLOZ LANDING PAGE CORE STYLES ===== */
/* Standalone design tokens and base styles for landing pages */

:root {
    /* Base colors */
    --bg-primary: #0f172a;
    --bg-secondary: #1e293b;
    --text-primary: #f8fafc;
    --text-secondary: #94a3b8;
    --accent-primary: #2563eb;
    --accent-secondary: #38bdf8;
    --accent-tertiary: #3b82f6;

    /* Gradient colors for feature icons */
    --gradient-blue: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%);
    --gradient-purple: linear-gradient(135deg, #7c3aed 0%, #8b5cf6 100%);
    --gradient-green: linear-gradient(135deg, #10b981 0%, #34d399 100%);
    --gradient-orange: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%);
    --gradient-pink: linear-gradient(135deg, #ec4899 0%, #f472b6 100%);
    --gradient-teal: linear-gradient(135deg, #14b8a6 0%, #2dd4bf 100%);
}

/* ===== ANIMATIONS ===== */

@keyframes gradient-animation {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}

@keyframes float-toward {
    0% { transform: translate(0, 0); }
    50% { transform: translate(-30px, 20px); }
    100% { transform: translate(0, 0); }
}

@keyframes float {
    0% { transform: translate(0, 0); }
    50% { transform: translate(-10px, 10px); }
    100% { transform: translate(0, 0); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; transform: scale(1); }
    50% { opacity: 0.7; transform: scale(0.95); }
}

/* ===== RESET & BASE STYLES ===== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', sans-serif;
    background-color: var(--bg-primary);
    color: var(--text-primary);
    line-height: 1.6;
    font-weight: 400;
    scroll-behavior: smooth;
}