:root {
  color-scheme: dark;

  --background: #07100b;
  --text: #e4eae3;
  --text-muted: #a4b0a6;
  --text-subtle: #8b9e8f;
  --accent: #b9e263;
  --accent-hover: #c7ed78;
  --border: rgb(211 230 214 / 16%);
  --border-strong: rgb(211 230 214 / 28%);
  --landing-grid-line: rgb(211 230 214 / 10%);
  --landing-beam-color: rgb(202 229 210 / 22%);
  --landing-mark-glow: rgb(185 226 99 / 15%);
  --landing-language-surface: rgb(5 13 8 / 60%);
  --landing-accent-shadow: rgb(185 226 99 / 13%);
  --landing-accent-soft: rgb(185 226 99 / 10%);
  --landing-accent-border: rgb(185 226 99 / 42%);
  --landing-accent-glow: rgb(185 226 99 / 70%);
  --landing-control-shadow: rgb(0 0 0 / 22%);
  --landing-control-hover-shadow: rgb(185 226 99 / 12%);
  --landing-scrim-desktop:
    linear-gradient(90deg, rgb(4 10 7 / 98%) 0%, rgb(4 10 7 / 91%) 28%, rgb(4 10 7 / 45%) 61%, rgb(4 10 7 / 19%) 100%),
    linear-gradient(180deg, rgb(4 10 7 / 56%) 0%, rgb(4 10 7 / 6%) 46%, rgb(4 10 7 / 75%) 100%);
  --landing-scrim-tablet:
    linear-gradient(90deg, rgb(4 10 7 / 96%) 0%, rgb(4 10 7 / 80%) 56%, rgb(4 10 7 / 38%) 100%),
    linear-gradient(180deg, rgb(4 10 7 / 66%) 0%, rgb(4 10 7 / 10%) 42%, rgb(4 10 7 / 88%) 100%);
  --landing-scrim-mobile:
    linear-gradient(90deg, rgb(4 10 7 / 86%), rgb(4 10 7 / 38%)),
    linear-gradient(180deg, rgb(4 10 7 / 80%) 0%, rgb(4 10 7 / 28%) 36%, rgb(4 10 7 / 94%) 82%);
}