MUTEK Digital Black

---
# Machine-readable tokens (the WHAT). The prose body gives the WHY + the rules.
colors:
  roles_light:
    background: "#1BFF59"
    foreground: "#0D0D0D"
    card: "#16EF52"
    card-foreground: "#0D0D0D"
    popover: "#12E04B"
    popover-foreground: "#0D0D0D"
    primary: "#0D0D0D"
    primary-foreground: "#1BFF59"
    secondary: "#1A1A1A"
    secondary-foreground: "#D4FFD9"
    muted: "#13D44A"
    muted-foreground: "#0A3318"
    accent: "#252525"
    accent-foreground: "#1BFF59"
    destructive: "#CC2200"
    destructive-foreground: "#FFFFFF"
    border: "#0EC842"
    input: "#13D44A"
    ring: "#0D0D0D"
    success: "#005515"
    success-foreground: "#A0FFB8"
    warning: "#CC5500"
    warning-foreground: "#000000"
    chart-1: "#0D0D0D"
    chart-2: "#1D8032"
    chart-3: "#0A3318"
    chart-4: "#443C44"
    chart-5: "#7CFC9C"
  palette:
    - { name: "acid-green", hex: "#1bff59", role: "brand-primary" }
    - { name: "pitch-black", hex: "#1a1a1a", role: "dark-surface" }
    - { name: "mid-dark", hex: "#252525", role: "dark-surface-variant" }
    - { name: "near-white", hex: "#e8e8e8", role: "ink-on-dark" }
    - { name: "pure-black", hex: "#0d0d0d", role: "ink-on-green" }
    - { name: "device-gray", hex: "#e4e4e4", role: "outer-context" }
    - { name: "light-green", hex: "#7cfc9c", role: "accent-tint" }
    - { name: "dark-green", hex: "#1d8032", role: "accent-shade" }
    - { name: "forest-green", hex: "#0a3318", role: "muted-ink-on-green" }
    - { name: "mid-gray", hex: "#7c7b7c", role: "muted" }
    - { name: "dark-muted", hex: "#443c44", role: "muted-dark" }
    - { name: "light-muted", hex: "#bcbcbd", role: "muted-light" }
    - { name: "charcoal-border", hex: "#333333", role: "border-dark" }
    - { name: "green-border", hex: "#0ec842", role: "border-light" }
    - { name: "error-red", hex: "#cc2200", role: "destructive" }
    - { name: "warning-amber", hex: "#ff8800", role: "warning" }
    - { name: "data-acid", hex: "#1bff59", role: "data-viz" }
    - { name: "data-mint", hex: "#7cfc9c", role: "data-viz" }
    - { name: "data-white", hex: "#e8e8e8", role: "data-viz" }

/* Generated by Identity Forge design kits */
@import url("https://fonts.googleapis.com/css2?family=Barlow%20Condensed:wght@400;500;600;700&family=Space%20Mono:wght@400;700&display=swap");

:root {
  --radius: 0rem;
  --font-heading: 'Barlow Condensed', sans-serif;
  --font-sans: 'Space Mono', monospace;
  --font-mono: 'Space Mono', monospace;
  --background: 136 100% 55%;
  --foreground: 0 0% 5%;
  --card: 137 87% 51%;
  --card-foreground: 0 0% 5%;
  --popover: 137 85% 47%;
  --popover-foreground: 0 0% 5%;
  --primary: 0 0% 5%;
  --primary-foreground: 136 100% 55%;
  --secondary: 0 0% 10%;
  --secondary-foreground: 127 100% 92%;
  --muted: 137 84% 45%;
  --muted-foreground: 140 67% 12%;
  --accent: 0 0% 15%;
  --accent-foreground: 136 100% 55%;
  --destructive: 10 100% 40%;
  --destructive-foreground: 0 0% 100%;
  --border: 137 87% 42%;
  --input: 137 84% 45%;
  --ring: 0 0% 5%;
  --success: 135 100% 17%;
  --success-foreground: 135 100% 81%;
  --warning: 25 100% 40%;
  --warning-foreground: 0 0% 0%;
  --chart-1: 0 0% 5%;
  --chart-2: 133 63% 31%;
  --chart-3: 140 67% 12%;
  --chart-4: 300 6% 25%;
  --chart-5: 135 96% 74%;
  --shadow-sm: none;
  --shadow-md: none;
  --shadow-lg: none;
  --shadow-xl: none;
  --gradient-hero: linear-gradient(180deg, #1a1a1a 0%, #252525 100%);
  --gradient-brand: linear-gradient(135deg, #1bff59 0%, #0dcc42 100%);
  --gradient-subtle: linear-gradient(180deg, #e4e4e4 0%, #d0d0d0 100%);
  --duration: 150ms;
  --duration-slow: 300ms;
  --ease: cubic-bezier(0.4, 0, 0.2, 1);
  --tracking-tight: -0.02em;
  --tracking-normal: 0em;
  --font-weight-heading: 800;
  --font-weight-body: 400;
  --button-radius: 9999px;
  --card-radius: 0rem;
  --input-radius: 0rem;
  --badge-radius: 9999px;
  --border-width: 1px;
  --card-border-width: 1px;
  --input-border-width: 1px;
  --button-border-width: 1px;
  --badge-border-width: 1px;
  --heading-transform: none;