/* ============================================================
   Theme Override: Ruby Night — comeapp11.com
   Auto-generated by apply_site_styles.php
   ============================================================ */

:root {
    --come-bg: #1a080c;
    --come-surface: #2d0f16;
    --come-surface-soft: #3a161e;
    --come-ink: #fff5f7;
    --come-muted: #c8a0a8;
    --come-line: rgba(225, 29, 72, 0.2);
    --come-primary: #e11d48;
    --come-primary-deep: #9f1239;
    --come-secondary: #2dd4bf;
    --come-highlight: #86efac;
    --come-accent: #fbbf24;
    --come-accent-soft: rgba(251, 191, 36, 0.16);
    --come-warm: #261012;
    --come-shadow: 0 18px 42px rgba(14, 4, 6, 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, #9f1239 0%, #881337 100%);
}

/* Hero card */
.come-hero-card {
    background:
        radial-gradient(circle at 22% 18%, rgba(251, 191, 36, 0.18) 0%, transparent 24%),
        radial-gradient(circle at 86% 14%, rgba(225, 29, 72, 0.2) 0%, transparent 32%),
        radial-gradient(circle at 16% 78%, rgba(134, 239, 172, 0.18) 0%, transparent 28%),
        linear-gradient(135deg, #1e0a0e 0%, #3a141c 52%, #14060a 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(225, 29, 72, 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(225, 29, 72, 0.2) 0%, transparent 40%),
        radial-gradient(circle at 14% 80%, rgba(134, 239, 172, 0.16) 0%, transparent 36%),
        linear-gradient(135deg, #2d0f16 0%, #3a161e 100%);
}

/* CTA card */
.come-cta-card {
    background:
        radial-gradient(circle at 80% 12%, rgba(225, 29, 72, 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(251, 191, 36, 0.12) 0%, transparent 30%),
        linear-gradient(180deg, #3a161e 0%, #1a080c 100%);
}

/* Page CTA card */
.come-page-cta-card {
    background:
        radial-gradient(circle at 80% 12%, rgba(225, 29, 72, 0.18) 0%, transparent 32%),
        radial-gradient(circle at 18% 82%, rgba(134, 239, 172, 0.14) 0%, transparent 28%),
        linear-gradient(180deg, #3a161e 0%, #1a080c 100%);
}

/* Download card */
.come-download-card {
    background:
        radial-gradient(circle at 82% 16%, rgba(225, 29, 72, 0.2) 0%, transparent 30%),
        radial-gradient(circle at 18% 78%, rgba(134, 239, 172, 0.16) 0%, transparent 30%),
        linear-gradient(135deg, #2d0f16 0%, #1a080c 100%);
}

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

/* Download device screen */
.come-download-device-screen {
    background:
        radial-gradient(circle at top, rgba(225, 29, 72, 0.18), transparent 24%),
        linear-gradient(160deg, #3a161e 0%, #2d0f16 50%, #1a080c 100%);
}

/* Download panel */
.come-download-panel {
    border-color: rgba(251, 191, 36, 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(225, 29, 72, 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, #2d0f16 0%, #1a080c 100%);
}

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

/* Blog lite hero card */
.come-blog-lite-hero-card {
    background: linear-gradient(180deg, #2d0f16 0%, #1a080c 100%);
}

/* Blog archive card */
.come-blog-archive-card {
    background: linear-gradient(180deg, #2d0f16 0%, #1a080c 100%);
}

/* Bonus hero card */
.come-bonus-hero-card {
    background: linear-gradient(135deg, #1a080c 0%, #3a161e 100%);
}

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

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

/* Blog hero card */
.come-blog-hero-card {
    background: linear-gradient(135deg, #2d0f16 0%, #9f1239 52%, #fbbf24 100%);
}

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