/*
 * LeuwongRR Runtime Theme V4
 * Menghubungkan Setting Website Admin ke public, member, dan admin tanpa mengubah controller bisnis/API.
 */
:root {
  --lrr-bg: #020805;
  --lrr-primary: #020805;
  --lrr-surface: #07190d;
  --lrr-accent: #7eff2f;
  --lrr-text: #f4fff0;
  --lrr-muted: #b8cbb3;
  --lrr-success: #35df66;
  --lrr-warning: #facc15;
  --lrr-danger: #fb7185;
  --lrr-radius: 18px;
}

body.lrr-builder-root,
body.member-shell,
body.admin-shell {
  background:
    radial-gradient(circle at 8% 0, color-mix(in srgb, var(--lrr-accent) 12%, transparent), transparent 31rem),
    radial-gradient(circle at 92% 8%, color-mix(in srgb, var(--lrr-success) 7%, transparent), transparent 27rem),
    linear-gradient(180deg, var(--lrr-primary), #010503) !important;
  color: var(--lrr-text) !important;
}

body.lrr-builder-root a,
body.member-shell a,
body.admin-shell a {
  text-underline-offset: 3px;
}

.lrr-premium-nav,
.member-topbar,
.admin-topbar {
  background: color-mix(in srgb, var(--lrr-primary) 94%, #000 6%) !important;
  border-color: color-mix(in srgb, var(--lrr-accent) 28%, transparent) !important;
}

.lrr-premium-brand img,
.member-brand img,
.admin-brand img {
  border-color: color-mix(in srgb, var(--lrr-accent) 30%, transparent) !important;
}

.lrr-premium-btn.is-primary,
.lrr-news-v22-actions a.is-primary,
.lrr-news-v22-search button,
.member-nav a.active,
.member-menu-btn[aria-expanded="true"],
.btn-neon,
.btn-primary,
.is-primary {
  background: linear-gradient(135deg, var(--lrr-accent), var(--lrr-success)) !important;
  color: #041006 !important;
  border-color: color-mix(in srgb, var(--lrr-accent) 48%, transparent) !important;
}

.neon-card,
.metric-card,
.card,
.member-card,
.admin-lite-card,
.admin-lite-panel,
.lrr-news-v22-hero,
.lrr-news-v22-toolbar,
.lrr-news-v22-brand-card {
  border-radius: calc(var(--lrr-radius) + 4px) !important;
  border-color: color-mix(in srgb, var(--lrr-accent) 22%, transparent) !important;
}

.form-control:focus,
.form-select:focus,
textarea:focus {
  border-color: color-mix(in srgb, var(--lrr-accent) 72%, #fff 0%) !important;
  box-shadow: 0 0 0 .18rem color-mix(in srgb, var(--lrr-accent) 16%, transparent) !important;
}

.badge.bg-success,
.text-success {
  color: var(--lrr-success) !important;
}

.text-warning,
.badge.bg-warning {
  color: var(--lrr-warning) !important;
}

.text-danger,
.badge.bg-danger,
.lrr-premium-btn.is-danger {
  color: var(--lrr-danger) !important;
}