/* ============================================================
   Theme: crimson-luxe
   Vibe: high-roller casino house, deep burgundy + cream/gold
   Hero default: split-left (image left, text right)
   For: VIP positioning, baccarat/roulette focus
   ============================================================ */

:root {
  --c-primary: #c9a55a;
  --c-primary-fg: #1a0a0e;
  --c-accent: #c9a55a;
  --c-text: #f5e6d3;
  --c-muted: #b89a82;
  --c-bg: #1a0a0e;
  --c-bg-soft: #2a1118;
  --c-border: #3d1b25;
  --c-success: #6db38f;
  --c-warning: #c9a55a;
  --c-danger: #d54a4a;

  --radius: 4px;
  --radius-sm: 2px;
  --radius-lg: 8px;

  --font-sans: "Cormorant Garamond", "Georgia", serif;
  --font-heading: "Cormorant Garamond", "Playfair Display", "Georgia", serif;
  --font-body: "Inter", "Open Sans", system-ui, sans-serif;

  --hero-layout: split-left;
}

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

h1, h2, h3, h4 {
  font-family: var(--font-heading);
  font-weight: 700;
  letter-spacing: -0.01em;
  color: var(--c-text);
}
h1 { font-style: italic; font-weight: 600; }

.btn {
  font-family: var(--font-body);
  border-radius: var(--radius);
  font-weight: 600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
}
.btn-primary {
  background: var(--c-primary);
  color: var(--c-primary-fg);
}
.btn-primary:hover { background: #d6b673; }
.btn-minimal {
  background: transparent;
  color: var(--c-primary);
  border: 1px solid var(--c-primary);
}

/* Hero with elegant feel */
.hero {
  background: linear-gradient(135deg, #1a0a0e 0%, #2a1118 100%);
}
.hero.has-bg::before {
  background: linear-gradient(180deg, rgba(26,10,14,0.3) 0%, rgba(26,10,14,0.9) 100%);
}

/* Casino rows */
.casino-row {
  background: var(--c-bg-soft);
  border: 1px solid var(--c-border);
}
.casino-bonus { color: var(--c-primary); }
.casino-rating { color: var(--c-primary); }

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

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

/* Data table */
.data-table-grid {
  background: var(--c-bg-soft);
}
.data-table-grid thead {
  background: #050308;
  color: var(--c-primary);
}
.data-table-grid td.dt-highlight { color: var(--c-primary); }

/* Step nums */
.step-num {
  background: var(--c-primary);
  color: var(--c-primary-fg);
  font-family: var(--font-heading);
}

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

/* Cards */
.card-item {
  background: var(--c-bg-soft);
  border: 1px solid var(--c-border);
}

/* Site footer */
.site-footer {
  background: #050308;
  color: var(--c-muted);
  border-top: 1px solid var(--c-border);
}
.custom-footer { background: #050308; }

/* Header menu: accent == primary (both gold) — use fg color for visible hover indicator */
.header-menu__link:hover { border-bottom-color: var(--c-primary-fg); }