/* ============================================================
   NOC — Dark Theme
   Classic DEADFRAME. Dark as deep space, terracotta ember.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;900&family=Share+Tech+Mono&family=JetBrains+Mono:wght@400;600&family=Inter:wght@400;500;600&display=swap');

:root {
  /* ── Palette ──────────────────────────────────────────────── */
  --bg:            #0b0b0f;
  --surface:       #111116;
  --elevated:      #18181f;
  --surface-2:     #0e0e13;

  --border:        #222229;
  --border-dim:    #1a1a22;
  --border-bright: #33333f;

  --accent:        #c4602c;
  --accent-dim:    rgba(196, 96, 44, 0.12);
  --accent-glow:   rgba(196, 96, 44, 0.35);

  --text:          #dddde8;
  --text-dim:      #9898aa;
  --muted:         #606072;
  --dim:           #404050;

  --link:          #6aaecc;
  --cyan:          #6aaecc;
  --purple:        #8a78c4;

  /* ── Semantic ─────────────────────────────────────────────── */
  --up:    #4aad78;
  --down:  #ef5350;
  --warn:  #e6a520;
  --info:  #5090c8;

  /* ── Interaction ──────────────────────────────────────────── */
  --hover-bg:         rgba(255, 255, 255, 0.05);
  --hover-bg-danger:  rgba(239, 83, 80, 0.1);

  /* ── Shadow ───────────────────────────────────────────────── */
  --shadow-sm: 0 1px 4px rgba(0,0,0,0.4);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.5);
  --shadow-lg: 0 8px 40px rgba(0,0,0,0.7);

  /* ── Radius ───────────────────────────────────────────────── */
  --r-xs: 2px;
  --r-sm: 4px;
  --r-md: 7px;
  --r-lg: 12px;
  --r-xl: 18px;

  /* ── Layout ───────────────────────────────────────────────── */
  --topbar-h:     50px;
  --sidebar-w:    224px;
  --sidebar-w-col: 58px;

  /* ── Typography ───────────────────────────────────────────── */
  --body-font:    'Inter', -apple-system, sans-serif;
  --heading-font: 'Orbitron', sans-serif;
  --mono-font:    'Share Tech Mono', 'Courier New', monospace;

  /* ── Platform switcher colors (always present) ────────────── */
  --noc-accent:        #c4602c;
  --noc-accent-dim:    rgba(196, 96, 44, 0.13);
  --life-accent:       #c97c3a;
  --life-accent-dim:   rgba(201, 124, 58, 0.13);
  --arcade-accent:     #d63de8;
  --arcade-accent-dim: rgba(214, 61, 232, 0.13);

  /* ── Transitions ──────────────────────────────────────────── */
  --t-fast: 0.1s ease;
  --t-med:  0.2s ease;
  --t-slow: 0.35s ease;
}

/* ── NOC-specific touches ─────────────────────────────────── */

/* Accent glow on active nav */
.uni-nav-item.active {
  box-shadow: inset 0 0 20px rgba(196, 96, 44, 0.06);
}