/* Rodi Robotics custom theme overrides */
:root{
  --brand:#FF6600;
  --ink:#0F172A; /* slate-900 */
  --muted:#475569; /* slate-600 */
  --surface:#0b1020; /* deep space */
  --grid:#111827; /* dark */
}

/* Body improvements */
body{
  color:var(--ink);
  text-rendering: optimizeLegibility;
}

/* Header */
#header{
  background: rgba(11,16,32,0.9);
  box-shadow: 0 1px 8px rgba(0,0,0,.15);
}
#header .navbar a{
  font-weight:600;
  letter-spacing:.2px;
}
#header .navbar a:hover, #header .navbar .active{
  color:var(--brand);
}

/* Hero */
#hero{
  background: radial-gradient(1200px 400px at 20% 10%, rgba(255,102,0,.08), transparent),
              linear-gradient(180deg, #0b1020 0%, #0f172a 60%, #111827 100%);
  min-height: 70vh;
  color: #E5E7EB;
  padding-top: 100px;
}
#hero h1{font-weight:800; color:#F9FAFB; letter-spacing:.3px;}
#hero h2{color:#CBD5E1; font-weight:500;}
#hero .btn-primary{
  background:var(--brand);
  border:0;
  box-shadow: 0 8px 24px rgba(255,102,0,.35);
}
#hero .btn-outline{
  border-color:#94A3B8;
  color:#E2E8F0;
}
.hero-img img{
  filter: drop-shadow(0 14px 32px rgba(0,0,0,.45));
  border-radius: 8px;
}

/* Sections */
.section-title h2{
  position: relative;
  display:inline-block;
}
.section-title h2:after{
  content:"";
  position:absolute;
  left:0; bottom:-8px;
  width:64px; height:3px; background:var(--brand);
  border-radius:2px;
}

/* Cards */
.icon-box{
  border:1px solid rgba(148,163,184,.25);
  box-shadow:0 6px 24px rgba(2,6,23,.06);
  transition: transform .2s ease, box-shadow .2s ease;
}
.icon-box:hover{ transform:translateY(-4px); box-shadow:0 14px 40px rgba(2,6,23,.12);} 
.icon-box .icon{ color: var(--brand);} 

/* Footer */
#footer{
  background:#0b1020; color:#CBD5E1;
}
#footer a{ color:#F59E0B; }
#footer h3, #footer h4{ color:#F9FAFB; }

/* Accessibility improvements */
:focus-visible{ outline:3px solid var(--brand); outline-offset:2px; }

/* Utilities */
.badge-brand{ background: rgba(255,102,0,.12); color:var(--brand); border:1px solid rgba(255,102,0,.3); }