{
  "colors": {
    "void": {
      "hex": "#0e0c13",
      "rgb": "rgb(14, 12, 19)",
      "hsl": "hsl(260.04, 22.78%, 6.01%)",
      "oklch": "oklch(0.16 0.015 300)",
      "cssVar": "--void",
      "role": "Background — cabinet black"
    },
    "void-2": {
      "hex": "#181320",
      "rgb": "rgb(24, 19, 32)",
      "hsl": "hsl(260.73, 24.06%, 10.04%)",
      "oklch": "oklch(0.20 0.025 300)",
      "cssVar": "--void-2",
      "role": "Raised panels / cards"
    },
    "void-3": {
      "hex": "#271f37",
      "rgb": "rgb(39, 31, 55)",
      "hsl": "hsl(261.79, 27.93%, 16.72%)",
      "oklch": "oklch(0.26 0.045 300)",
      "cssVar": "--void-3",
      "role": "Wells, hard shadows (purple)"
    },
    "chalk": {
      "hex": "#efedf3",
      "rgb": "rgb(239, 237, 243)",
      "hsl": "hsl(258.14, 19.78%, 94.2%)",
      "oklch": "oklch(0.95 0.008 300)",
      "cssVar": "--cream",
      "role": "Body text — chalk white"
    },
    "chalk-2": {
      "hex": "#b3aebc",
      "rgb": "rgb(179, 174, 188)",
      "hsl": "hsl(258.55, 9.36%, 71.11%)",
      "oklch": "oklch(0.76 0.02 300)",
      "cssVar": "--cream-2",
      "role": "Muted text"
    },
    "chalk-3": {
      "hex": "#837c90",
      "rgb": "rgb(131, 124, 144)",
      "hsl": "hsl(259.08, 8.05%, 52.63%)",
      "oklch": "oklch(0.60 0.03 300)",
      "cssVar": "--cream-3",
      "role": "Faint text / labels"
    },
    "hairline": {
      "hex": "#392f4b",
      "rgb": "rgb(57, 47, 75)",
      "hsl": "hsl(261.31, 22.83%, 24.05%)",
      "oklch": "oklch(0.33 0.05 300)",
      "cssVar": "--hair",
      "role": "Hairline rules"
    },
    "hairline-2": {
      "hex": "#55476e",
      "rgb": "rgb(85, 71, 110)",
      "hsl": "hsl(261.3, 21.4%, 35.63%)",
      "oklch": "oklch(0.43 0.065 300)",
      "cssVar": "--hair-2",
      "role": "Strong rules / borders"
    },
    "p1-green": {
      "hex": "#50cc4e",
      "rgb": "rgb(80, 204, 78)",
      "hsl": "hsl(118.97, 55.47%, 55.34%)",
      "oklch": "oklch(0.75 0.2 143)",
      "cssVar": "--p1",
      "role": "Player 1 — primary accent"
    },
    "p1-deep": {
      "hex": "#2ea337",
      "rgb": "rgb(46, 163, 55)",
      "hsl": "hsl(124.2, 55.76%, 41.13%)",
      "oklch": "oklch(0.63 0.18 144)",
      "cssVar": "--p1-deep",
      "role": "Primary accent, active"
    },
    "p2-pink": {
      "hex": "#ff61b7",
      "rgb": "rgb(255, 97, 183)",
      "hsl": "hsl(327.39, 100%, 68.99%)",
      "oklch": "oklch(0.72 0.21 350)",
      "cssVar": "--p2",
      "role": "Player 2 — hover signal"
    },
    "p3-cyan": {
      "hex": "#4ac9ec",
      "rgb": "rgb(74, 201, 236)",
      "hsl": "hsl(193.04, 81.22%, 60.77%)",
      "oklch": "oklch(0.78 0.12 220)",
      "cssVar": "--p3",
      "role": "Cyan sparkle / tertiary"
    },
    "on-accent": {
      "hex": "#0b0b10",
      "rgb": "rgb(11, 11, 16)",
      "hsl": "hsl(240, 18.52%, 5.29%)",
      "oklch": null,
      "cssVar": null,
      "role": "Text on accent fills"
    }
  },
  "artworkPalette": {
    "art-bg": {
      "hex": "#1d1d29"
    },
    "art-white": {
      "hex": "#ffffff"
    },
    "art-skin": {
      "hex": "#fed9ad"
    },
    "art-maroon": {
      "hex": "#541a2e"
    },
    "art-outline": {
      "hex": "#0b0a11"
    },
    "art-blush": {
      "hex": "#de93a8"
    },
    "art-pink": {
      "hex": "#fb54c7"
    },
    "art-cyan": {
      "hex": "#53d1da"
    },
    "art-cyan-light": {
      "hex": "#abe9eb"
    },
    "art-magenta": {
      "hex": "#c54ab9"
    },
    "art-green": {
      "hex": "#30bf58"
    }
  },
  "contrast": [
    {
      "label": "chalk on void",
      "fg": "#efedf3",
      "bg": "#0e0c13",
      "ratio": 16.73,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "chalk-2 on void",
      "fg": "#b3aebc",
      "bg": "#0e0c13",
      "ratio": 8.97,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "chalk-3 on void",
      "fg": "#837c90",
      "bg": "#0e0c13",
      "ratio": 4.86,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "p1-green on void",
      "fg": "#50cc4e",
      "bg": "#0e0c13",
      "ratio": 9.34,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "p2-pink on void",
      "fg": "#ff61b7",
      "bg": "#0e0c13",
      "ratio": 7.07,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "p3-cyan on void",
      "fg": "#4ac9ec",
      "bg": "#0e0c13",
      "ratio": 10.05,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "on-accent on p1-green",
      "fg": "#0b0b10",
      "bg": "#50cc4e",
      "ratio": 9.43,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "on-accent on p2-pink",
      "fg": "#0b0b10",
      "bg": "#ff61b7",
      "ratio": 7.15,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "on-accent on p3-cyan",
      "fg": "#0b0b10",
      "bg": "#4ac9ec",
      "ratio": 10.15,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "chalk on void-2",
      "fg": "#efedf3",
      "bg": "#181320",
      "ratio": 15.68,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "chalk-2 on void-2",
      "fg": "#b3aebc",
      "bg": "#181320",
      "ratio": 8.41,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "p1-green on void-2",
      "fg": "#50cc4e",
      "bg": "#181320",
      "ratio": 8.75,
      "aa": true,
      "aaLarge": true
    },
    {
      "label": "void on chalk",
      "fg": "#0e0c13",
      "bg": "#efedf3",
      "ratio": 16.73,
      "aa": true,
      "aaLarge": true
    }
  ],
  "type": {
    "display": {
      "family": "Pixelify Sans",
      "weights": "400–700 (variable)",
      "role": "Display / headings",
      "fallback": "\"Courier New\", monospace",
      "file": "/fonts/pixelify-sans-vf.woff2",
      "licence": "SIL OFL — Google Fonts"
    },
    "ui": {
      "family": "Silkscreen",
      "weights": "400, 700",
      "role": "HUD labels / nav / buttons",
      "fallback": "\"Courier New\", monospace",
      "files": [
        "/fonts/silkscreen-400.woff2",
        "/fonts/silkscreen-700.woff2"
      ],
      "licence": "SIL OFL — Google Fonts"
    },
    "body": {
      "family": "IBM Plex Mono",
      "weights": "400, 500",
      "role": "Body / prose / code",
      "fallback": "ui-monospace, \"SF Mono\", Menlo, monospace",
      "files": [
        "/fonts/plex-mono-400.woff2",
        "/fonts/plex-mono-500.woff2"
      ],
      "licence": "SIL OFL — IBM"
    },
    "scale": {
      "step--1": "clamp(0.82rem, 0.78rem + 0.2vw, 0.92rem)",
      "step-0": "clamp(1.02rem, 0.97rem + 0.25vw, 1.15rem)",
      "step-1": "clamp(1.24rem, 1.12rem + 0.55vw, 1.5rem)",
      "step-2": "clamp(1.6rem, 1.35rem + 1.15vw, 2.3rem)",
      "step-3": "clamp(2.2rem, 1.7rem + 2.3vw, 3.6rem)",
      "step-4": "clamp(2.9rem, 2rem + 4vw, 5rem)"
    }
  },
  "radii": {
    "all": "0",
    "logoCoin": "50% (legacy roundel only)"
  },
  "shadows": {
    "cardRest": "6px 6px 0 color-mix(in oklch, var(--void-3) 85%, transparent)",
    "cardHover": "8px 10px 0 color-mix(in oklch, var(--p1) 22%, transparent)",
    "button": "4px 4px 0 color-mix(in oklch, var(--p1) 35%, var(--void-3))",
    "panel": "8px 8px 0 color-mix(in oklch, var(--void-3) 85%, transparent)"
  },
  "spacing": {
    "gutter": "clamp(1.1rem, 5vw, 2.75rem)",
    "maxWidth": "76rem",
    "section": "clamp(3.5rem, 9vw, 7rem)",
    "sectionTight": "clamp(2.5rem, 6vw, 4.5rem)",
    "cardPadding": "clamp(1.15rem, 2.4vw, 1.5rem)"
  },
  "meta": {
    "brand": "hakluke",
    "version": "1.0.0",
    "updated": "2026-08-21",
    "source": "https://hakluke.com/brand"
  }
}