/* ============================================================
   Theme Override: Sapphire — comeapp1.com
   Auto-generated by apply_site_styles.php
   ============================================================ */

:root {
    --come-bg: #080e1a;
    --come-surface: #0c182d;
    --come-surface-soft: #102038;
    --come-ink: #f0f5ff;
    --come-muted: #98b0c8;
    --come-line: rgba(37, 99, 235, 0.2);
    --come-primary: #2563eb;
    --come-primary-deep: #1d4ed8;
    --come-secondary: #fb923c;
    --come-highlight: #86efac;
    --come-accent: #e879f9;
    --come-accent-soft: rgba(232, 121, 249, 0.16);
    --come-warm: #0a1424;
    --come-shadow: 0 18px 42px rgba(4, 6, 14, 0.38);
    --come-radius-xl: 34px;
    --come-radius-lg: 26px;
    --come-radius-md: 20px;
}

/* Top social bar */
.come-top-social-bar {
    background: linear-gradient(180deg, #1d4ed8 0%, #1e40af 100%);
}

/* Hero card */
.come-hero-card {
    background:
        radial-gradient(circle at 22% 18%, rgba(232, 121, 249, 0.18) 0%, transparent 24%),
        radial-gradient(circle at 86% 14%, rgba(37, 99, 235, 0.2) 0%, transparent 32%),
        radial-gradient(circle at 16% 78%, rgba(134, 239, 172, 0.18) 0%, transparent 28%),
        linear-gradient(135deg, #0a1220 0%, #142840 52%, #080e1a 100%);
}

/* Hero CTA overlay */
.come-hero-cta-overlay {
    background:
        linear-gradient(180deg, rgba(8, 18, 34, 0.14) 0%, rgba(8, 18, 34, 0.28) 34%, rgba(7, 14, 24, 0.76) 100%),
        radial-gradient(circle at 78% 18%, rgba(37, 99, 235, 0.12) 0%, transparent 28%),
        radial-gradient(circle at 18% 82%, rgba(134, 239, 172, 0.1) 0%, transparent 24%);
}

/* Offer banner */
.come-offer-banner {
    background:
        radial-gradient(circle at 80% 20%, rgba(37, 99, 235, 0.2) 0%, transparent 40%),
        radial-gradient(circle at 14% 80%, rgba(134, 239, 172, 0.16) 0%, transparent 36%),
        linear-gradient(135deg, #0c182d 0%, #102038 100%);
}

/* CTA card */
.come-cta-card {
    background:
        radial-gradient(circle at 80% 12%, rgba(37, 99, 235, 0.22) 0%, transparent 32%),
        radial-gradient(circle at 18% 82%, rgba(134, 239, 172, 0.18) 0%, transparent 28%),
        radial-gradient(circle at 24% 20%, rgba(232, 121, 249, 0.12) 0%, transparent 30%),
        linear-gradient(180deg, #102038 0%, #080e1a 100%);
}

/* Page CTA card */
.come-page-cta-card {
    background:
        radial-gradient(circle at 80% 12%, rgba(37, 99, 235, 0.18) 0%, transparent 32%),
        radial-gradient(circle at 18% 82%, rgba(134, 239, 172, 0.14) 0%, transparent 28%),
        linear-gradient(180deg, #102038 0%, #080e1a 100%);
}

/* Download card */
.come-download-card {
    background:
        radial-gradient(circle at 82% 16%, rgba(37, 99, 235, 0.2) 0%, transparent 30%),
        radial-gradient(circle at 18% 78%, rgba(134, 239, 172, 0.16) 0%, transparent 30%),
        linear-gradient(135deg, #0c182d 0%, #080e1a 100%);
}

/* Download visual poster & device */
.come-download-visual-poster,
.come-download-device {
    background: linear-gradient(180deg, #102038 0%, #0c182d 100%);
}

/* Download device screen */
.come-download-device-screen {
    background:
        radial-gradient(circle at top, rgba(37, 99, 235, 0.18), transparent 24%),
        linear-gradient(160deg, #102038 0%, #0c182d 50%, #080e1a 100%);
}

/* Download panel */
.come-download-panel {
    border-color: rgba(232, 121, 249, 0.14);
    background:
        linear-gradient(180deg, rgba(255,255,255,0.08), rgba(255,255,255,0.05)),
        radial-gradient(circle at top right, rgba(37, 99, 235, 0.12) 0%, transparent 46%),
        radial-gradient(circle at 12% 88%, rgba(134, 239, 172, 0.1) 0%, transparent 50%);
}

/* Download feature cards */
.come-download-feature {
    background: linear-gradient(180deg, #0c182d 0%, #080e1a 100%);
}

/* Footer */
.come-site-footer {
    background: linear-gradient(180deg, #080e1a 0%, #0a1424 100%);
}

/* Blog lite hero card */
.come-blog-lite-hero-card {
    background: linear-gradient(180deg, #0c182d 0%, #080e1a 100%);
}

/* Blog archive card */
.come-blog-archive-card {
    background: linear-gradient(180deg, #0c182d 0%, #080e1a 100%);
}

/* Bonus hero card */
.come-bonus-hero-card {
    background: linear-gradient(135deg, #080e1a 0%, #102038 100%);
}

/* Bonus featured card */
.come-bonus-featured-card {
    background: linear-gradient(135deg, #0c182d 0%, #102038 100%);
}

/* IPL CTA card */
.come-ipl-cta-card {
    background: linear-gradient(180deg, #1d4ed8 0%, #080e1a 100%);
}

/* Blog hero card */
.come-blog-hero-card {
    background: linear-gradient(135deg, #0c182d 0%, #1d4ed8 52%, #e879f9 100%);
}

/* Blog CTA card */
.come-blog-cta-card {
    background: linear-gradient(180deg, #1d4ed8 0%, #080e1a 100%);
}