/* ============================================================
   Fanda Chat — SUNSET style
   Warm orange & red: golden-hour romance, cozy and inviting.
   ============================================================ */

/* ---------- design tokens ---------- */
:root{
  --fanda-primary:#f59e0b;      /* amber */
  --fanda-secondary:#c2410c;    /* burnt orange */
  --fanda-accent:#ef4444;       /* sunset red */
  --fanda-bg:#fffbeb;           /* warm cream */
  --fanda-card:#ffffff;
  --fanda-text:#431407;         /* deep ember ink */
  --fanda-muted:#92705a;
  --fanda-line:#fde6c8;
}

/* ---------- homepage mapping (.vvip-home) ---------- */
.vvip-home{
  --vv-bg:#fffbeb;
  --vv-bg2:#fef3e2;
  --vv-ink:#431407;
  --vv-mut:#92705a;
  --vv-violet:#f59e0b;
  --vv-violet-d:#c2410c;
  --vv-pink:#ef4444;
  --vv-gold:#fbbf24;
  --vv-deep:#431407;           /* ember for footer/topbar */
  --vv-deep2:#5c1f0a;
  --vv-card:#ffffff;
  --vv-line:#fde6c8;
  --vv-grad:linear-gradient(120deg,#f59e0b 10%,#f97316 45%,#ef4444 105%);
  --vv-sh:0 18px 45px -18px rgba(245,158,11,.35);
}
body.fce-app-mode{background:#fffbeb!important}

/* homepage mood: hero */
.vv-hero-bg{
  background:
    radial-gradient(700px 380px at 12% 8%,rgba(239,68,68,.12),transparent 60%),
    radial-gradient(700px 380px at 88% 12%,rgba(245,158,11,.18),transparent 60%),
    linear-gradient(180deg,#fffbeb 0%,#fef3e2 100%);
}
.vv-kicker{color:#c2410c}
.vv-kicker-star{color:#ef4444}
.vv-logo-heart{filter:drop-shadow(0 4px 10px rgba(245,158,11,.5))}
.vv-topbar-dot{background:#fbbf24;box-shadow:0 0 10px #fbbf24}
.vv-topbar{background:#431407;color:#fde68a}

/* nav */
.vv-nav{background:rgba(255,251,235,.85);border-bottom:1px solid #fde6c8}

/* homepage buttons */
.vv-btn{
  background:linear-gradient(120deg,#f59e0b,#ef4444);
  box-shadow:0 12px 26px -10px rgba(245,158,11,.55);
  color:#fff;border:0;
}
.vv-btn:hover{box-shadow:0 16px 32px -10px rgba(239,68,68,.55);transform:translateY(-2px)}

/* cards */
.vv-card{background:#fff;border:1px solid #fde6c8}
.vv-card:hover{box-shadow:0 18px 40px -14px rgba(245,158,11,.4)}

/* quiz banner */
.vv-quiz-banner{background:linear-gradient(120deg,#f59e0b,#ef4444)}

/* footer */
.vv-footer,.fanda-site-footer{background:#431407;color:#fde68a}
.vv-footer a,.fanda-site-footer a{color:#fbbf24}

/* ---------- profile pages (.tp-wrap) ---------- */
.tp-wrap{
  --tp-vio:#f59e0b;
  --tp-vio-d:#c2410c;
  --tp-vio-l:#fbbf24;
  --tp-bg:#fff8ec;
  --tp-ink:#431407;
  --tp-mut:#92705a;
  --tp-gold:#f59e0b;
}

/* chat bubbles */
.tp-msg-in{background:#fff7e8;border:1px solid #fde6c8;color:#431407}
.tp-msg-out{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}

/* language tabs */
.tp-lang-btn{background:#fff;border:1px solid #fde6c8;color:#92705a}
.tp-lang-btn.active{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;border-color:transparent}

/* flip cards */
.tp-flip-back{background:linear-gradient(135deg,#f59e0b,#ef4444)}

/* profile hero ring */
.tp-hero-ring{background:conic-gradient(from 0deg,#f59e0b,#ef4444,#fbbf24,#f59e0b)}

/* send button */
.tp-send{background:linear-gradient(135deg,#f59e0b,#ef4444)}

/* header/footer accents */
.fanda-site-header{box-shadow:0 2px 16px rgba(245,158,11,.12)}
.vv-btn,.fanda-btn,.fanda-header-cta{
  background:linear-gradient(135deg,#f59e0b,#c2410c);
  box-shadow:0 6px 16px rgba(245,158,11,.35);
}
.vv-btn:hover,.fanda-btn:hover{box-shadow:0 8px 22px rgba(245,158,11,.45)}