:root {
  --green:         #6c3483;
  --green-deep:    #4a235a;
  --green-mid:     #9870a8;
  --green-light:   #e8d5f5;
  --gold:          #f39c12;
  --gold-light:    #f7c370;
  --ivory:         #f9f5ff;
  --ivory-dark:    #eae6ef;
  --charcoal:      #1a1326;
  --text:          #2c2040;
  --muted:         #8e7a9e;
  --border:        #c6bcce;
  --shadow:        0 4px 28px rgba(74,35,90,.08);
  --shadow-h:      0 10px 48px rgba(74,35,90,.16);
}


/* ── Dynamic color overrides ─────────────────────── */
.btn-green, .btn-green:visited { background:#6c3483; border-color:#6c3483; }
.btn-green:hover { background:#4a235a; border-color:#4a235a; }
.btn-outline { color:#6c3483; border-color:#6c3483; }
.btn-outline:hover { background:#6c3483; }
.btn-gold { background:#f39c12; }
.btn-gold:hover { background:#f7c370; color:#1a1326; }

/* Nav */
.navbar-nav .nav-link::after { background:#6c3483; }
.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active { color:#6c3483; }
.nav-avatar { background:#6c3483; }

/* Hero + CTA */
.hero { background:#4a235a; }
.hero-media::after { background: linear-gradient(135deg, rgba(74,35,90,.92) 0%, rgba(108,52,131,.7) 60%, rgba(74,35,90,.5) 100%); }
.hero-label { color:#f7c370; border-color:rgba(243,156,18,.4); }
.hero h1 em, .h-stat-n { color:#f7c370; }
.cta-strip { background:linear-gradient(135deg,#4a235a,#6c3483); }

/* Cards */
.svc-card:hover { border-color:rgba(108,52,131,.2); }
.svc-cat { color:#9870a8; }
.svc-price { color:#6c3483; }
.staff-card:hover { box-shadow:var(--shadow-h); }
.skill-tag { background:#e8d5f5; color:#4a235a; }

/* Sidebar + Dashboard */
.sidebar-top { background:linear-gradient(135deg,#4a235a,#6c3483); }
.sidebar-nav a:hover,
.sidebar-nav a.active { color:#6c3483; border-left-color:#6c3483; }

/* Forms */
.form-control:focus, .form-select:focus { border-color:#6c3483; box-shadow:0 0 0 3px rgba(108,52,131,.12); }

/* Footer */
.site-footer { background:#4a235a; }
.footer-social a:hover { background:#f39c12; }

/* Page header */
.page-header { background:linear-gradient(135deg,#4a235a,#6c3483); }

/* Btt */
.btt { background:#6c3483; }
.btt:hover { background:#4a235a; }

/* Text utils */
.text-green { color:#6c3483!important; }
.text-gold  { color:#f39c12!important; }
.bg-ivory   { background:#f9f5ff!important; }
.section-bg { background:#f9f5ff; }
.sec-label  { color:#9870a8; }
.divider-gold { background:linear-gradient(90deg,transparent,#f39c12,transparent); }
