:root {
  --ai-bg: #0f0c10;
  --ai-paper: #fbf6ef;
  --ai-burgundy: #7A1F3D;
  --ai-gold: #C89B3C;
  --ai-slate: #2B2A2E;
  --ai-muted: #6C6A70;
}

html { font-size: 18px; }
body {
  font-family: "Inter", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 600px at 20% -10%, rgba(122,31,61,0.18), transparent 60%),
              radial-gradient(900px 520px at 110% 20%, rgba(200,155,60,0.18), transparent 55%),
              var(--ai-bg);
  color: var(--ai-paper);
}

h1,h2,h3,h4,.display-font {
  font-family: "Poppins", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  letter-spacing: -0.02em;
}

a { color: inherit; }
a:hover { color: var(--ai-gold); }

.navbar {
  backdrop-filter: blur(10px);
  background: rgba(15, 12, 16, 0.72);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.badge-ai {
  background: rgba(200,155,60,0.16);
  border: 1px solid rgba(200,155,60,0.42);
  color: var(--ai-paper);
}

.btn-ai-primary {
  background: var(--ai-gold);
  border-color: var(--ai-gold);
  color: #1b171c;
  font-weight: 700;
}
.btn-ai-primary:hover {
  background: #b68a33;
  border-color: #b68a33;
  color: #1b171c;
}

.btn-ai-outline {
  border: 1px solid rgba(255,255,255,0.35);
  color: var(--ai-paper);
}
.btn-ai-outline:hover {
  border-color: var(--ai-gold);
  color: var(--ai-gold);
}

.section-soft {
  background: linear-gradient(180deg, rgba(255,255,255,0.06), rgba(255,255,255,0.02));
  border-top: 1px solid rgba(255,255,255,0.08);
  border-bottom: 1px solid rgba(255,255,255,0.08);
}

.card-ai {
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(255,255,255,0.10);
  border-radius: 18px;
  box-shadow: 0 18px 40px rgba(0,0,0,0.22);
}
.card-ai .card-header {
  background: transparent;
  border-bottom: 1px solid rgba(255,255,255,0.10);
}

.kpi {
  border-radius: 18px;
  background: rgba(122,31,61,0.18);
  border: 1px solid rgba(122,31,61,0.42);
}

.quote {
  border-left: 4px solid var(--ai-gold);
  padding-left: 16px;
}

.image-frame {
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,0.12);
  box-shadow: 0 18px 40px rgba(0,0,0,0.22);
  overflow: hidden;
}

.footer {
  border-top: 1px solid rgba(255,255,255,0.10);
  background: rgba(0,0,0,0.22);
}

.cookie-bar {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1080;
  background: rgba(43,42,46,0.92);
  border-top: 1px solid rgba(255,255,255,0.12);
}

.form-control, .form-select {
  font-size: 1rem;
}

.small-muted { color: rgba(251,246,239,0.72); }