:root{
  --bg-header: linear-gradient(90deg, #1b1b1b 0%, #3f3f3f 50%, #1b1b1b 100%);
  --bg-sidebar:  #2b2a2a;
  --accent-yellow: #ffd700;
  --accent-yellow-dark: #d6aa13;
  --accent-yellow-soft: rgba(243, 198, 35, 0.12);
  --accent-blue: #38bdf8;
  --accent-blue-dark: #0ea5e9;
  --accent-blue-soft: rgba(56, 189, 248, 0.15);
  --border-nrw: 1px solid #333;
  --border-dv: 1px solid rgba(255, 255, 255, 0.08);
  --projection-bg: rgba(255, 255, 255, 0.04);
  --radius-lg: 8px;
  --radius-sm: 4px;
  --text-light: #f0f0f0;
  --text-dark: #1b1300;
  --muted: #bdbdbd;
  --header-h: 60px;
  --transition-fast: 150ms ease-out;
}

* {
    box-sizing:border-box
}

html, body {
    height: 100%;
    margin: 0;
    font-family: Segoe UI, system-ui, Arial, sans-serif;
    color: var(--text-light);
    background: #121212
}