:root {
  --dtiix-ink: #071325;
  --dtiix-surface: #0b1220;
  --dtiix-gold: #F2B400; /* primary gold from logo */
  --dtiix-cyan: #12D7E5; /* primary cyan */
  --dtiix-robot-cyan: #00E5FF; /* robot glow */
  --dtiix-accent-purple: #7C4DFF; /* purple rim/highlight */
  --dtiix-violet: #6D4AFF;
  --dtiix-lime: #C6FF4A;
  --dtiix-muted: #62708a;
 }
body { background: var(--dtiix-surface); color: var(--dtiix-ink); font-family: Inter, "Segoe UI", sans-serif; }
.dtiix-brand { letter-spacing: .13em; font-weight: 800; }
.dtiix-brand span { color: var(--dtiix-cyan); }
.btn-dtiix { background: var(--dtiix-gold); border-color: var(--dtiix-gold); color: #09111f; font-weight: 700; box-shadow: 0 6px 18px rgba(242,180,0,0.18); }
.btn-dtiix:hover, .btn-dtiix:focus { background: color-mix(in srgb, var(--dtiix-gold) 85%, black 15%); border-color: color-mix(in srgb, var(--dtiix-gold) 85%, black 15%); color: #09111f; }
.btn-dtiix-outline { border: 1px solid rgba(18,215,229,.55); color: var(--dtiix-cyan); font-weight: 700; }
.btn-dtiix-outline:hover { background: var(--dtiix-cyan); border-color: var(--dtiix-cyan); color: var(--dtiix-ink); }
.dtiix-panel { background: #071325; border: 1px solid rgba(255,255,255,.04); border-radius: 22px; box-shadow: 0 12px 40px rgba(4, 10, 30, .6); }
.dtiix-sidebar, .bg-dark-blue { background: linear-gradient(165deg, #071325, #0b1230) !important; }
.text-yellow { color: var(--dtiix-lime) !important; }
.sidebar { background: linear-gradient(165deg, #071325, #0b1230) !important; }
.sidebar .nav-link.active { color: var(--dtiix-cyan) !important; }

/* Site navbar using banner palette */
.site-navbar { background: linear-gradient(90deg, var(--dtiix-ink) 0%, var(--dtiix-surface) 100%); padding: .6rem 0; }
.site-navbar .navbar-brand { color: #fff; font-weight:800; }
.site-navbar .navbar-brand img { height:48px; }
.site-navbar .nav-link { color: rgba(255,255,255,.85); }
.site-navbar .nav-link:hover, .site-navbar .nav-link.active { color: var(--dtiix-cyan); }

/* Accent utilities */
.text-dtiix-gold { color: var(--dtiix-gold) !important; }
.bg-dtiix-gradient { background: linear-gradient(90deg, var(--dtiix-accent-purple), var(--dtiix-cyan)); }
.glow-cyan { box-shadow: 0 6px 32px rgba(18,215,229,0.18); }