/* ================================
   PERT OS — GLOBAL STYLE LAYER
   ================================ */

:root {
  --bg-deep: #03010a;
  --bg-mid: #07031a;
  --bg-soft: #0e0a2a;

  --panel: rgba(14, 18, 45, 0.75);
  --panel-border: rgba(140, 160, 255, 0.15);

  --text-main: #e9ecff;
  --text-dim: #aab0ff;

  --accent: #7fffd4;
  --accent-soft: rgba(127, 255, 212, 0.35);

  --glow: rgba(160, 140, 255, 0.55);
  --warning: #ffd166;
}

* {
  box-sizing: border-box;
}

html, body {
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 100%;
  overflow-y: auto;

  background: radial-gradient(
    circle at 50% 80%,
    #10162f 0%,
    var(--bg-deep) 55%,
    #000000 100%
  );
  color: var(--text-main);
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
}

h1, h2, h3 {
  margin: 0;
  font-weight: 600;
  letter-spacing: 0.04em;
}

button {
  cursor: pointer;
  font-family: inherit;
}

input {
  background: rgba(255,255,255,0.06);
  border: 1px solid var(--panel-border);
  color: var(--text-main);
  padding: 6px 8px;
  border-radius: 6px;
}

input::placeholder {
  color: #9aa2ff;
}