:root {
	      --ui-scale-factor: 1;
	      --bg: #06090f;
      --surface: #0d1520;
      --surface2: #111c2e;
      --border: rgba(255, 255, 255, 0.06);
      --border2: rgba(255, 255, 255, 0.1);
      --text: #e8edf5;
      --muted: #4a5568;
      --muted2: #2d3748;
      --accent: #3b82f6;
      --accent2: #60a5fa;
      --green: #10b981;
      --red: #ef4444;
      --orange: #f59e0b;
      --purple: #8b5cf6;
      --cyan: #06b6d4;
    }

    [data-theme="light"] {
      --bg: #f8fafc;
      --surface: #ffffff;
      --surface2: #f1f5f9;
      --border: rgba(0, 0, 0, 0.08);
      --border2: rgba(0, 0, 0, 0.12);
      --text: #1e293b;
      --muted: #64748b;
      --muted2: #94a3b8;
      --accent: #2563eb;
      --accent2: #3b82f6;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

	    html,
	    body {
	      height: 100%;
	      font-family: 'Sora', sans-serif;
      background: var(--bg);
      color: var(--text);
      font-size: 14px;
	      overflow-x: hidden;
	      width: 100%;
	    }

	    @media (min-width: 961px) {
	      [data-ui-scale="sm"] body {
	        --ui-scale-factor: .95;
	        zoom: .95;
	      }

	      [data-ui-scale="sm"] #main-app {
	        height: calc(100vh / .95);
	      }

	      [data-ui-scale="lg"] body {
	        --ui-scale-factor: 1.08;
	        zoom: 1.08;
	      }

	      [data-ui-scale="lg"] #app,
	      [data-ui-scale="lg"] #main-app {
	        height: calc(100vh / 1.08);
	      }
	    }

    ::-webkit-scrollbar {
      width: 5px;
      height: 5px;
    }