:root {
      --bg: #07080b;
      --bg2: #0d1117;
      --bg3: #121826;
      --panel: #0f1520;
      --line: #243044;
      --line2: #31425b;
      --text: #d7e0ec;
      --muted: #7f8ea6;
      --muted2: #566277;
      --accent: #7cf3c6;
      --accent2: #49d7a3;
      --warn: #ffb84d;
      --bad: #ff6b7a;
      --good: #60e0a2;
      --shadow: 0 18px 48px rgba(0, 0, 0, 0.32);
      --mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
      --sans: "Segoe UI", "Helvetica Neue", Arial, sans-serif;
      --radius: 10px;
    }

    * { box-sizing: border-box; }
    html, body { margin: 0; min-height: 100%; background: var(--bg); color: var(--text); font-family: var(--sans); }
    body {
      background-image:
        linear-gradient(rgba(124, 243, 198, 0.05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(124, 243, 198, 0.05) 1px, transparent 1px);
      background-size: 48px 48px;
      overflow-x: hidden;
    }
    body::before {
      content: "";
      position: fixed;
      inset: 0;
      background: linear-gradient(180deg, rgba(7,8,11,0.22), rgba(7,8,11,0.78));
      pointer-events: none;
      z-index: -1;
    }

    a { color: inherit; }
    button, input, select, textarea { font: inherit; }
    button { cursor: pointer; }