/* ===== CABIX DESIGN SYSTEM (cabix.website Dark Luxury Tech) ===== */
:root {
  --bg: #07080a;
  --bg-card: #0d0f14;
  --bg-card-hover: #12151d;
  --bg-card-inner: #161922;
  --line: rgba(255, 255, 255, 0.08);
  --border: rgba(255, 255, 255, 0.08);
  --border-active: rgba(255, 255, 255, 0.18);
  --txt: #f3f4f6;
  --mut: #9ca3af;
  --text-dim: #6b7280;
  --acc: #FFC700;
  --yellow: #FFC700;
  --yellow-glow: rgba(255, 199, 0, 0.16);
  --yellow-border: rgba(255, 199, 0, 0.28);
  --ok: #10B981;
  --emerald: #10B981;
  --emerald-glow: rgba(16, 185, 129, 0.25);
  --dock-bg: #131826;
}

body {
  background: var(--bg);
  color: var(--txt);
  font-family: 'Plus Jakarta Sans', system-ui, -apple-system, sans-serif;
  -webkit-font-smoothing: antialiased;
}

/* Film grain */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");
  pointer-events: none;
}

/* Ambient glow orbs */
@media (max-width: 768px) {
  .glow-orb-1, .glow-orb-2 { display: none !important; }
}
.glow-orb-1 {
  position: fixed;
  top: -150px;
  left: 20%;
  width: 500px;
  height: 500px;
  background: radial-gradient(circle, rgba(255, 199, 0, 0.07) 0%, rgba(0,0,0,0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}
.glow-orb-2 {
  position: fixed;
  bottom: 10%;
  right: 15%;
  width: 600px;
  height: 600px;
  background: radial-gradient(circle, rgba(16, 185, 129, 0.06) 0%, rgba(0,0,0,0) 70%);
  border-radius: 50%;
  pointer-events: none;
  z-index: 0;
}