/* Base reset, variables, document defaults, scrollbars and global typography. */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

:root {
  --bg:         #07090d;
  --bg-2:       #0b0f16;
  --surface:    #0f1520;
  --surface-2:  #131c2a;
  --surface-3:  #192436;
  --border:     #1a2840;
  --border-2:   #223354;
  --accent:     #00e5a0;
  --accent-dim: rgba(0,229,160,.1);
  --accent2:    #4f8cff;
  --accent2-dim:rgba(79,140,255,.1);
  --danger:     #ff4f4f;
  --danger-dim: rgba(255,79,79,.1);
  --warning:    #ffb74d;
  --warning-dim:rgba(255,183,77,.1);
  --purple:     #a064ff;
  --purple-dim: rgba(160,100,255,.1);
  --text:       #dce9ff;
  --text-2:     #7a97b8;
  --muted:      #3d5570;
  --radius:     10px;
  --radius-lg:  16px;
  --radius-xl:  22px;
  --font:       'Outfit', system-ui, sans-serif;
  --font-display: 'Barlow Condensed', system-ui, sans-serif;
  --mono:       'DM Mono', ui-monospace, monospace;
  --sidebar-w:  304px;
}

html, body { height: 100%; overflow: hidden; }
body { font-family: var(--font); background: var(--bg); color: var(--text); -webkit-font-smoothing: antialiased; }

::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-track { background: transparent; }
::-webkit-scrollbar-thumb { background: var(--border-2); border-radius: 3px; }

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

/* High-contrast text tuning requested for better visibility. */
:root {
  --text:       #f4f8ff;
  --text-2:     #c7d6ea;
  --muted:      #8295ad;
  --border:     #202a36;
  --border-2:   #334358;
}