/* ═══════════════════════════════════════════
   AURAE AI — Amber / Gold Theme Override
   Applies over shared.css
   ═══════════════════════════════════════════ */

:root {
  --cyan:       #E8A020;
  --purple:     #c47f10;
  --pink:       #ffb947;
  --green:      #a8c060;
  --amber:      #E8A020;

  --bg:         #050510;
  --bg-2:       #0a0a18;
  --surface:    #080816;
  --surface2:   #0e0e22;
  --border:     rgba(232, 160, 32, 0.15);
  --border2:    rgba(232, 160, 32, 0.35);

  --text:       #f0ecdf;
  --text-dim:   rgba(240, 236, 223, 0.55);
  --text-muted: rgba(240, 236, 223, 0.3);

  --grad:   linear-gradient(135deg, #c47f10, #E8A020, #ffb947);
  --grad-h: linear-gradient(90deg,  #c47f10, #E8A020, #ffb947);

  --glow-cyan:   0 0 30px rgba(232, 160, 32, 0.3);
  --glow-purple: 0 0 30px rgba(196, 127, 16, 0.3);
}

/* ── Cursor ── */
#cursor { background: var(--amber) !important; }
#cursor-ring { border-color: rgba(232,160,32,.5) !important; }

/* ── Canvas / particles ── */
#canvas { opacity: .7; }

/* ── Nav brand gradient ── */
.nav-brand {
  background: linear-gradient(135deg, #ffb947, #E8A020) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* ── Buttons ── */
.btn-primary {
  background: var(--amber) !important;
  color: #050510 !important;
  box-shadow: 0 0 30px rgba(232,160,32,.35) !important;
}
.btn-primary:hover {
  box-shadow: 0 0 50px rgba(232,160,32,.55) !important;
}
.btn-secondary {
  color: var(--amber) !important;
  border-color: rgba(232,160,32,.4) !important;
}
.btn-secondary:hover {
  background: rgba(232,160,32,.08) !important;
  border-color: var(--amber) !important;
}
.btn-nav {
  border-color: rgba(232,160,32,.4) !important;
  color: var(--amber) !important;
}
.btn-nav:hover {
  background: var(--amber) !important;
  color: #050510 !important;
}

/* ── Nav links underline ── */
.nav-links a::after { background: var(--amber) !important; }
.nav-links a:hover, .nav-links a.active { color: var(--amber) !important; }

/* ── Section tags & dividers ── */
.section-tag { color: var(--amber) !important; }
.divider-line { background: linear-gradient(90deg, #c47f10, #E8A020, #ffb947) !important; }

/* ── Section title gradient spans ── */
.g {
  background: linear-gradient(90deg, #E8A020, #ffb947) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  background-clip: text !important;
}

/* ── Metrics ── */
.metric-num {
  background: linear-gradient(135deg, #c47f10, #ffb947) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.metric-card::before { background: linear-gradient(90deg, #c47f10, #E8A020) !important; }

/* ── Cards hover glow ── */
.card:hover {
  border-color: rgba(232,160,32,.35) !important;
  box-shadow: 0 0 30px rgba(232,160,32,.2) !important;
}
.card::before { background: linear-gradient(90deg, #c47f10, #ffb947) !important; }

/* ── Status dot nav ── */
.status-dot { background: var(--amber) !important; box-shadow: 0 0 8px var(--amber) !important; }

/* ── Status pill ── */
.status-pill { color: var(--amber) !important; background: rgba(232,160,32,.06) !important; border-color: rgba(232,160,32,.2) !important; }
.status-pill::before { background: var(--amber) !important; box-shadow: 0 0 8px var(--amber) !important; }

/* ── Float panels ── */
.float-panel { border-color: rgba(232,160,32,.15) !important; }
.float-panel::before {
  background: linear-gradient(90deg, transparent, rgba(232,160,32,.4), transparent) !important;
}
.fp-dot { background: var(--amber) !important; box-shadow: 0 0 8px rgba(232,160,32,.7) !important; }
.fp-dot.purple { background: #c47f10 !important; box-shadow: 0 0 8px rgba(196,127,16,.7) !important; }
.fp-dot.green  { background: var(--green) !important; box-shadow: 0 0 8px rgba(168,192,96,.7) !important; }
.fp-badge { color: var(--amber) !important; background: rgba(232,160,32,.08) !important; border-color: rgba(232,160,32,.15) !important; }

/* ── Footer ── */
.footer-brand-name {
  background: linear-gradient(135deg, #ffb947, #E8A020) !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.footer-social a:hover { border-color: var(--amber) !important; color: var(--amber) !important; }
.footer-col h4 { color: var(--amber) !important; }
.footer-badge { color: var(--amber) !important; }

/* ── Priority tags ── */
.p-medio { background: rgba(232,160,32,.1) !important; color: var(--amber) !important; border-color: rgba(232,160,32,.3) !important; }

/* ── SLA table ── */
.sla-table th { color: var(--amber) !important; }
.sla-table tr:hover td { background: rgba(232,160,32,.03) !important; }

/* ── Page hero glow ── */
.page-hero::before {
  background: radial-gradient(circle, rgba(232,160,32,.08) 0%, transparent 70%) !important;
}

/* ── Service / portal cards ── */
.service-full::before,
.portal-card::before,
.team-card::before,
.mvv-card:hover { border-color: rgba(232,160,32,.2) !important; }

.service-full:hover,
.portal-card:hover,
.team-card:hover {
  border-color: rgba(232,160,32,.35) !important;
  box-shadow: 0 0 30px rgba(232,160,32,.2) !important;
}

/* inline color references that used cyan */
[style*="color:var(--cyan)"],
[style*="color: var(--cyan)"] { color: var(--amber) !important; }
[style*="background:rgba(0,212,255"] { background: rgba(232,160,32,.1) !important; }
[style*="border-color:rgba(0,212,255"] { border-color: rgba(232,160,32,.2) !important; }

/* ── Form inputs focus ── */
.login-field input:focus { border-color: var(--amber) !important; }
.login-field label { color: var(--amber) !important; }
.btn-login {
  background: linear-gradient(135deg, #c47f10, #E8A020) !important;
  box-shadow: 0 0 30px rgba(196,127,16,.3) !important;
}

/* ── Contact items ── */
.contact-item:hover { border-color: rgba(232,160,32,.35) !important; }
.contact-icon { background: rgba(232,160,32,.08) !important; border-color: rgba(232,160,32,.15) !important; }
.contact-item strong { color: var(--amber) !important; }
.contact-item a:hover { color: var(--amber) !important; }

/* ── Portal badges ── */
.portal-badge { color: var(--amber) !important; background: rgba(232,160,32,.08) !important; border-color: rgba(232,160,32,.2) !important; }

/* ── Team / value cards ── */
.team-role { color: var(--amber) !important; }
.mvv-label { color: var(--amber) !important; }

/* ── Sweep line ── */
.sweep {
  background: linear-gradient(180deg,
    transparent 0%, rgba(232,160,32,0) 20%,
    rgba(232,160,32,0.6) 50%,
    rgba(232,160,32,0) 80%, transparent 100%) !important;
  box-shadow: 0 0 24px rgba(232,160,32,.5) !important;
}

/* ── Hero glow ambient ── */
.hero-glow-1 { background: #c47f10 !important; }
.hero-glow-2 { background: var(--amber) !important; }