/* ============================================
   THEME: DISK CHOPP
   Palette: Azul claro, Amarelo, Azul escuro
   ============================================ */

:root {
  --c-sky:        #5BC0EB; /* azul claro */
  --c-sky-soft:   #8FD4F0;
  --c-yellow:     #FFD23F;
  --c-yellow-dim: #F1C232;
  --c-deep:       #0B2545; /* azul escuro */
  --c-deep-2:     #133B6E;
  --c-deep-3:     #1A4D8F;
  --c-cream:      #F4F8FB;
  --c-white-10:   rgba(255,255,255,0.10);
  --c-white-20:   rgba(255,255,255,0.20);
  --c-white-60:   rgba(255,255,255,0.60);

  /* page */
  --bg: var(--c-deep);
  --bg-gradient:
    radial-gradient(1200px 800px at 80% -10%, rgba(91,192,235,0.35), transparent 60%),
    radial-gradient(1000px 700px at -10% 30%, rgba(255,210,63,0.18), transparent 60%),
    radial-gradient(900px 700px at 50% 110%, rgba(26,77,143,0.6), transparent 60%),
    linear-gradient(180deg, #0B2545 0%, #061a36 60%, #04122a 100%);
  --text: var(--c-cream);

  /* bubbles — light blue tinted */
  --bubble:        rgba(143, 212, 240, 0.45);
  --bubble-hl:     rgba(255, 255, 255, 0.85);
  --bubble-border: rgba(255, 255, 255, 0.35);

  /* mark */
  --mark-bg: linear-gradient(160deg, var(--c-sky) 0%, var(--c-sky-soft) 100%);
  --mark-border: rgba(255,255,255,0.6);
  --mark-shadow: rgba(91,192,235,0.45);
  --mark-inset: rgba(255,255,255,0.7);
  --mark-ring: rgba(255,210,63,0.7);

  /* brand */
  --brand-color: #FFFFFF;
  --brand-accent: var(--c-yellow);

  /* tag */
  --tag-bg: rgba(255,255,255,0.08);
  --tag-border: rgba(255,255,255,0.15);
  --tag-text: var(--c-sky);
  --tag-dot: var(--c-yellow);

  /* section title */
  --section-title: rgba(255,255,255,0.55);

  /* card */
  --card-bg: rgba(255,255,255,0.06);
  --card-bg-hover: rgba(91,192,235,0.18);
  --card-border: rgba(255,255,255,0.12);
  --card-border-hover: rgba(255,210,63,0.55);
  --card-shadow: rgba(0,0,0,0.35);
  --card-shadow-hover: rgba(91,192,235,0.35);
  --card-shine: linear-gradient(135deg, transparent 0%, rgba(255,210,63,0.08) 50%, transparent 100%);
  --card-sweep: rgba(255,255,255,0.18);
  --card-text: var(--c-cream);
  --card-title: #FFFFFF;
  --card-sub: rgba(244,248,251,0.65);

  /* icon */
  --icon-bg: linear-gradient(160deg, var(--c-yellow) 0%, var(--c-yellow-dim) 100%);
  --icon-border: rgba(255,255,255,0.5);
  --icon-color: var(--c-deep);

  /* arrow */
  --arrow-bg: rgba(255,255,255,0.10);
  --arrow-bg-hover: var(--c-yellow);
  --arrow-color: var(--c-cream);

  /* foot */
  --foot-color: rgba(255,255,255,0.4);
  --foot-pill-bg: rgba(255,255,255,0.05);
  --foot-pill-border: rgba(255,255,255,0.12);
  --foot-pill-text: rgba(255,255,255,0.7);
  --foot-pill-bg-hover: rgba(91,192,235,0.2);
  --foot-pill-text-hover: #FFFFFF;
  --foot-pill-bg-current: var(--c-yellow);
  --foot-pill-text-current: var(--c-deep);
}

/* WhatsApp icon variant */
.diskchopp .card-icon.icon-wa {
  background: linear-gradient(160deg, #25D366 0%, #128C7E 100%);
  color: #fff;
}

/* Page-specific accents */
.diskchopp .brand-mark {
  position: relative;
}

/* Theme-specific bubble color override */
.diskchopp .bubble:nth-child(3n) {
  background: radial-gradient(circle at 30% 30%, rgba(255,255,255,0.95), rgba(255,210,63,0.5) 60%, transparent 70%);
  border-color: rgba(255,210,63,0.5);
}