/* ---- Cyber Dark Theme (Robotic Arm, advanced robotics) ---- */
:root {
  --page-bg: #0A0E1A;
  --page-bg-gradient: linear-gradient(170deg, #0A0E1A 0%, #0D1220 40%, #080C18 100%);
  --pattern-image: linear-gradient(rgba(15,52,96,.3) 1px, transparent 1px), linear-gradient(90deg, rgba(15,52,96,.3) 1px, transparent 1px);
  --pattern-size: 40px 40px;
  --pattern-opacity: 0.06;

  --orb1-bg: radial-gradient(circle, rgba(233,69,96,.12) 0%, transparent 70%);
  --orb1-top: -80px; --orb1-right: 60px; --orb1-size: 300px;
  --orb2-bg: radial-gradient(circle, rgba(15,52,96,.15) 0%, transparent 70%);
  --orb2-bottom: 80px; --orb2-left: -60px; --orb2-size: 240px;

  --font-display: 'Orbitron', monospace;
  --font-body: 'Exo 2', sans-serif;
  --font-mono: 'Orbitron', monospace;

  --text-primary: #C8D8E8;
  --text-heading: #E8F0F8;
  --text-secondary: #8090A8;
  --text-muted: #506070;
  --text-secondary-dark: #C8D8E8;

  --accent-1: #E94560;
  --accent-1-dark: #C0392B;
  --accent-2: #0F3460;
  --accent-2-dark: #0A2545;
  --accent-3: #1ABC9C;
  --accent-3-dark: #148F77;
  --accent-4: #F39C12;
  --accent-4-dark: #D68910;

  --card-bg: rgba(255,255,255,.03);
  --card-border: 1px solid rgba(255,255,255,.06);
  --card-border-color: rgba(255,255,255,.06);
  --card-radius: 8px;
  --card-shadow: none;
  --card-accent-dir: 180deg;

  --card-dark-bg: rgba(15,52,96,.3);
  --card-dark-text: #C8D8E8;
  --card-dark-title: #67B8E3;
  --card-dark-body: #8090A8;

  --highlight-bg: linear-gradient(135deg, rgba(233,69,96,.08), rgba(15,52,96,.08));
  --highlight-border-color: rgba(233,69,96,.3);
  --highlight-border-width: 1px;

  --badge-bg: rgba(233,69,96,.08);
  --badge-border-color: rgba(233,69,96,.3);
  --badge-border-width: 1.5px;
  --badge-text: #FF6B81;

  --dot-radius: 2px;

  --bullet-color: #E94560;
  --bullet-radius: 50%;
  --bullet-opacity: 0.7;

  --step-radius: 6px;
  --step-1-color: #E94560;
  --step-2-color: #0F3460;
  --step-3-color: #1ABC9C;
  --step-4-color: #F39C12;

  --tag-bg-1: rgba(233,69,96,.12);  --tag-color-1: #FF6B81;
  --tag-bg-2: rgba(15,52,96,.25);   --tag-color-2: #67B8E3;
  --tag-bg-3: rgba(26,188,156,.12); --tag-color-3: #1ABC9C;
  --tag-bg-4: rgba(243,156,18,.12); --tag-color-4: #FBBF24;

  --chip-bg: rgba(255,255,255,.04);
  --chip-color: #8090A8;
  --chip-border: rgba(255,255,255,.08);

  --glow-bg-1: rgba(233,69,96,.06);
  --glow-bg-2: rgba(15,52,96,.06);
  --glow-border: rgba(233,69,96,.2);

  --cta-border: rgba(255,255,255,.06);
  --btn-bg: linear-gradient(135deg, #E94560, #C0392B);
  --btn-text: #fff;
  --btn-font-size: 13px;
  --btn-radius: 6px;
  --btn-shadow: 0 3px 12px rgba(233,69,96,.3);
  --btn-letter-spacing: 1px;
  --btn-transform: uppercase;

  --title-size: 54px;
  --title-weight: 900;
  --title-letter-spacing: 2px;
  --tagline-size: 12px;
  --tagline-weight: 400;
  --card-title-size: 14px;
  --card-title-transform: uppercase;
  --card-title-spacing: 1px;
  --brand-weight: 500;
}