/* Custom Gradient Styles for Tailwind CDN Compatibility */

.hero-gradient {
    background: linear-gradient(to right, #0073ff, #ff659b, #14b8a6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

.text-gradient-primary {
    background: linear-gradient(to right, #0073ff, #ff659b, #14b8a6);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
}

/* Primary color variations for Tailwind CDN */
:root {
    --primary-50: #e6f1ff;
    --primary-100: #cce3ff;
    --primary-200: #99c7ff;
    --primary-300: #66abff;
    --primary-400: #338fff;
    --primary-500: #0073ff;
    --primary-600: #005acc;
    --primary-700: #004299;
    --primary-800: #002b66;
    --primary-900: #001533;

    --accent-500: #ff659b;
    --accent-600: #cc517c;

    --teal-500: #14b8a6;
    --teal-600: #0d9488;
}