/* ── Johan HiTech Dynamic Theme ──────────────────────────────── */
:root {
  --primary:    #1a1a2e;
  --secondary:  #16213e;
  --accent:     #00d4ff;
  --accent2:    #7b2ff7;
  --dark:       #0f0f1a;
  --card-bg:    #16213e;
  --radius:     12px;
  --text-muted: #8899aa;
  --border:     rgba(255,255,255,.08);
  --shadow:     0 8px 32px rgba(0,0,0,.3);
  --transition: .25s ease;
  --font:       'Segoe UI', 'Segoe UI', system-ui, -apple-system, sans-serif;
}

body {
  font-family: var(--font);
  background: #0f0f1a;
}

/* Apply radius globally */
.jht-card, .btn-accent, .btn-outline-accent,
.form-control, .form-select, .dropdown-menu {
  border-radius: var(--radius) !important;
}
.btn-accent, .btn-outline-accent {
  border-radius: calc(var(--radius) - 2px) !important;
}

/* Accent color overrides */
.text-accent            { color: #00d4ff !important; }
.btn-accent,
.btn-accent:focus       { background: linear-gradient(135deg, #00d4ff, #00acd7); }
.btn-accent:hover       { box-shadow: 0 6px 20px #00d4ff66; }
.btn-outline-accent     { border-color: #00d4ff; color: #00d4ff; }
.btn-outline-accent:hover { background: #00d4ff; color: #1a1a2e; }
.progress-bar           { background: linear-gradient(90deg, #00d4ff, #7b2ff7); }
.text-accent            { color: #00d4ff; }
.live-dot               { background: #f87171; }
a                       { color: #00d4ff; }

/* Hero gradient */
.jht-hero {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0d1b2a 100%);
}
.jht-hero::before {
  background: radial-gradient(ellipse 80% 60% at 70% 40%, #00d4ff14, transparent);
}

/* Navbar */
.jht-navbar { background: #1a1a2ef0; }

/* Section divider */
.section-divider { background: linear-gradient(90deg, #00d4ff, #7b2ff7); }

/* Hero title highlight */
.hero-title .highlight {
  background: linear-gradient(135deg, #00d4ff, #7b2ff7);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Hero badge */
.hero-badge {
  background: #00d4ff1a;
  border-color: #00d4ff4d;
  color: #00d4ff;
}

/* Accent2 purple tones */
.ai-fab { background: linear-gradient(135deg, #00d4ff, #7b2ff7); }
.btn-accent { background: linear-gradient(135deg, #00d4ff, #00b6e1); }

/* Footer */
.jht-footer { background: #1a1a2e; }