/* ============================================================
   Theme: tropical-bright
   Vibe: casual, slot/bingo, friendly
   Hero default: centered, light
   For: slot review sites, bingo, casual gambling
   ============================================================ */

:root {
  --c-primary: #14b8a6;
  --c-primary-fg: #ffffff;
  --c-accent: #fb7185;
  --c-text: #1f2937;
  --c-muted: #6b7280;
  --c-bg: #ffffff;
  --c-bg-soft: #ecfdf5;
  --c-border: #d1fae5;
  --c-success: #14b8a6;
  --c-warning: #f59e0b;
  --c-danger: #f43f5e;

  --radius: 16px;
  --radius-sm: 10px;
  --radius-lg: 24px;

  --font-sans: "Nunito", "Quicksand", system-ui, sans-serif;
  --font-heading: "Nunito", system-ui, sans-serif;

  --hero-layout: centered;
}

body { background: var(--c-bg); }

h1, h2, h3, h4 {
  font-family: var(--font-heading);
  font-weight: 800;
}

.btn {
  border-radius: 999px;
  font-weight: 700;
  font-size: 14px;
}
.btn-primary {
  background: linear-gradient(135deg, var(--c-primary) 0%, #06b6d4 100%);
  color: #fff;
}
.btn-primary:hover { opacity: 0.92; }
.btn-accent {
  background: var(--c-accent);
  color: #fff;
}

/* Hero with tropical gradient */
.hero {
  background: linear-gradient(135deg, #ecfdf5 0%, #cffafe 100%);
}
.hero-subtitle { color: var(--c-text); }

/* Casino rows */
.casino-row {
  background: var(--c-bg);
  border: 2px solid var(--c-border);
  border-radius: var(--radius);
}
.casino-row:hover { border-color: var(--c-primary); }
.casino-bonus { color: var(--c-primary); font-weight: 700; }
.casino-rating { color: var(--c-warning); }
.casino-badge { background: var(--c-accent); }

/* Author */
.author-card {
  background: var(--c-bg-soft);
  border: 2px solid var(--c-border);
}
.author-name { color: var(--c-primary); }
.author-reviewed { color: var(--c-accent); }

/* Star ratings */
.star.filled { color: var(--c-warning); }
.rating-overall-num { color: var(--c-primary); }

/* Data table */
.data-table-grid thead {
  background: var(--c-primary);
}
.data-table-grid td.dt-highlight { color: var(--c-primary); font-weight: 700; }

/* Icon grid */
.icon-grid-item {
  background: var(--c-bg);
  border: 2px solid var(--c-border);
}
.ig-value { color: var(--c-primary); }

/* Cards */
.card-item {
  background: var(--c-bg);
  border: 2px solid var(--c-border);
}
.card-item:hover { border-color: var(--c-primary); }

/* Step nums */
.step-num {
  background: linear-gradient(135deg, var(--c-primary) 0%, #06b6d4 100%);
  color: #fff;
}

/* Site footer */
.site-footer {
  background: var(--c-bg-soft);
  color: var(--c-muted);
}
.custom-footer {
  background: var(--c-primary);
  color: #fff;
}