Razer

:root {
  --background: #000000;
  --surface: #111111;
  --foreground: #ffffff;
  --muted: #999999;
  --accent: #44d62c;
  --palette-1: #000000;
  --palette-2: #111111;
  --palette-3: #222222;
  --palette-4: #44d62c;
  --palette-5: #ffffff;
  --radius: 0px;
  --shadow: 0 0 0 1px #222222;
  --gradient: linear-gradient(180deg, #111111 0%, #000000 100%);
  --font-heading: Roboto Condensed;
  --font-body: Roboto;
}

@theme {
  --color-background: #000000;
  --color-surface: #111111;
  --color-foreground: #ffffff;
  --color-muted: #999999;
  --color-accent: #44d62c;
  --radius-style: 0px;
  --shadow-style: 0 0 0 1px #222222;
  --font-heading: "Roboto Condensed", sans-serif;
  --font-body: "Roboto", sans-serif;
}

{
  "name": "razer",
  "color": {
    "background": "#000000",
    "surface": "#111111",
    "foreground": "#ffffff",
    "muted": "#999999",
    "accent": "#44d62c"
  },
  "palette": {
    "Фон": "#000000",
    "Поверхность": "#111111",
    "Линии": "#222222",
    "Акцент": "#44d62c",
    "Текст": "#ffffff"
  },
  "radius": "0px",
  "shadow": "0 0 0 1px #222222",
  "gradient": "linear-gradient(180deg, #111111 0%, #000000 100%)",
  "font": {
    "heading": {
      "family": "Roboto Condensed",
      "weight": 700,
      "tracking": "0.02em"
    },
    "body": {
      "family": "Roboto"
    }
  }
}