:root {
  color-scheme: dark;
  --bg: #0f141b;
  --panel: #151b22;
  --surface: var(--panel);
  --panel-2: #1c232d;
  --ink: #e9eef5;
  --muted: #a8b3c2;
  --accent: #5fe0b8;
  --accent-blue: #6a8bff;
  --accent-2: #ffd86b;
  --danger: #ff6b6b;
  --line: rgba(255, 255, 255, 0.06);
  --input-line: rgba(255, 255, 255, 0.1);
  --row-line: rgba(255, 255, 255, 0.05);
  --row-bg: rgba(15, 20, 27, 0.6);
  --panel-background: linear-gradient(160deg, rgba(25, 32, 42, 0.85), rgba(17, 22, 29, 0.95));
  --page-background:
    radial-gradient(1200px 700px at 80% -10%, rgba(95, 224, 184, 0.12), transparent 60%),
    radial-gradient(900px 600px at 10% 0%, rgba(255, 216, 107, 0.14), transparent 55%),
    linear-gradient(180deg, #0d1218 0%, #0b1016 100%);
  --button-background: linear-gradient(135deg, var(--accent), var(--accent-blue));
  --button-ink: #0b0f14;
  --shadow: 0 24px 60px rgba(10, 14, 20, 0.6);
  --radius: 18px;
  --control-radius: 12px;
}