/* ============================================================
   Theme: light-trust
   Vibe: regulated market, trustworthy, banking-friendly
   Hero default: split-right
   For: Sisal, regulated DE/IT/ES/UK iGaming sites
   ============================================================ */

:root {
  --c-primary: #16a34a;
  --c-primary-fg: #ffffff;
  --c-accent: #f97316;
  --c-text: #18181b;
  --c-muted: #71717a;
  --c-bg: #ffffff;
  --c-bg-soft: #f9fafb;
  --c-border: #e5e7eb;
  --c-success: #16a34a;
  --c-warning: #f59e0b;
  --c-danger: #dc2626;

  --radius: 12px;
  --radius-sm: 8px;
  --radius-lg: 16px;

  --font-sans: "Open Sans", "Segoe UI", system-ui, sans-serif;
  --font-heading: "Open Sans", system-ui, sans-serif;

  --hero-layout: split-right;
}

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

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

.btn {
  border-radius: var(--radius);
  font-weight: 600;
}
.btn-primary {
  background: var(--c-accent);
  color: #fff;
}
.btn-primary:hover { background: #ea580c; }
.btn-accent {
  background: var(--c-primary);
  color: #fff;
}

/* Hero */
.hero {
  background: var(--c-bg);
  padding: var(--space-7) 0;
}

/* Casino rows clean white cards */
.casino-row {
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  border-radius: var(--radius);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}
.casino-bonus { color: var(--c-primary); }
.casino-rating { color: var(--c-accent); }

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

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

/* Data table */
.data-table-grid thead {
  background: var(--c-bg-soft);
  color: var(--c-text);
}
.data-table-grid thead th {
  border-bottom: 2px solid var(--c-primary);
}
.data-table-grid td.dt-highlight { color: var(--c-text); }

/* Icon grid items */
.icon-grid-item {
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  box-shadow: 0 1px 2px rgba(0,0,0,0.03);
}
.ig-value { color: var(--c-primary); }

/* Cards */
.card-item {
  background: var(--c-bg);
  border: 1px solid var(--c-border);
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
}

/* Step nums */
.step-num {
  background: var(--c-primary);
  color: #fff;
}

/* Site footer */
.site-footer {
  background: var(--c-bg-soft);
  color: var(--c-muted);
  border-top: 1px solid var(--c-border);
}
.custom-footer {
  background: var(--c-text);
  color: var(--c-primary-fg);
}