/* Sample dark theme. Colours, fonts, and the logo mark live here. */
:root {
  --void: #07080c;
  --ink: #10131a;
  --bone: #f3efe4;
  --mist: #d6d2c6;
  --dim: #8f8b80;
  --volt: #e3fc02;
  --cyan: #00fced;
  --heat: #ff5a1f;
  --graphite: #3a3b40;
  --border: rgba(243, 239, 228, 0.1);
  --input: rgba(243, 239, 228, 0.45);
  --grid: rgba(227, 252, 2, 0.04);
  --font-display: 'Oswald', 'Noto Kufi Arabic', Impact, sans-serif;
  --font-hud: 'Barlow Condensed', 'Noto Kufi Arabic', 'Arial Narrow', sans-serif;
  --font-body: 'Barlow', 'Noto Sans Arabic', system-ui, sans-serif;
  --logo-mark: "LK";
  --logo-url: none;
  --qr-dark: #07080c;
  --qr-light: #f3efe4;
  --ink-a70: rgba(16, 19, 26, 0.7);
  --void-a90: rgba(7, 8, 12, 0.9);
  --void-a94: rgba(7, 8, 12, 0.94);
  --void-a84: rgba(7, 8, 12, 0.84);
  --backdrop-blue: rgba(5, 10, 48, 0.62);
  --void-a72: rgba(7, 8, 12, 0.72);
  --void-a28: rgba(7, 8, 12, 0.28);
  --void-a82: rgba(7, 8, 12, 0.82);
  --void-a95: rgba(7, 8, 12, 0.95);
  --ink-a86: rgba(16, 19, 26, 0.86);
  --bone-a14: rgba(243, 239, 228, 0.14);
  --bone-a10: rgba(243, 239, 228, 0.1);
  --cyan-a50: rgba(0, 252, 237, 0.5);
  --bone-a05: rgba(243, 239, 228, 0.05);
  --bone-a12: rgba(243, 239, 228, 0.12);
  --void-a12: rgba(7, 8, 12, 0.12);
  --volt-a07: rgba(227, 252, 2, 0.07);
  --void-a85: rgba(7, 8, 12, 0.85);
  --ink-a60: rgba(16, 19, 26, 0.6);
  --volt-a14: rgba(227, 252, 2, 0.14);
  --bone-a08: rgba(243, 239, 228, 0.08);
  --void-a88: rgba(7, 8, 12, 0.88);
  --ink-a90: rgba(16, 19, 26, 0.9);
  --volt-a22: rgba(227, 252, 2, 0.22);
  --bone-a28: rgba(243,239,228,.28);
  --font-svg: var(--font-display);
  --font-mono: ui-monospace, 'SF Mono', Menlo, monospace;
  --font-timer: ui-monospace, 'SF Mono', Menlo, Consolas, monospace;
  --void-a62: rgba(7,8,12,0.62);
}