{
  "$description": "HueWiz dark theme color tokens (W3C DTCG format). Free to use. https://huewiz.com/dark-mode-from-light-design-tokens.html",
  "color": {
    "$type": "color",
    "canvas": {
      "$value": "#121211",
      "$description": "Page background"
    },
    "card": {
      "$value": "#1A1918",
      "$description": "Cards, panels, inputs"
    },
    "raised": {
      "$value": "#22211F",
      "$description": "Raised controls and hover"
    },
    "line": {
      "$value": "#2E2D2A",
      "$description": "Hairline borders"
    },
    "line-strong": {
      "$value": "#3D3B38",
      "$description": "Control borders"
    },
    "ink": {
      "$value": "#F1F0EE",
      "$description": "Primary text"
    },
    "fog": {
      "$value": "#A8A6A1",
      "$description": "Secondary text"
    },
    "faint": {
      "$value": "#8A8883",
      "$description": "Captions and meta text"
    },
    "iris": {
      "$value": "#6248FF",
      "$description": "Primary action fill (white text)"
    },
    "iris-hover": {
      "$value": "#7560FF",
      "$description": "Primary action hover"
    },
    "iris-text": {
      "$value": "#9D8CFF",
      "$description": "Links and violet text on dark"
    },
    "lilac": {
      "$value": "#B8ADF5",
      "$description": "Eyebrows, focus rings, decorative accents"
    }
  },
  "gradient": {
    "brand": {
      "$type": "gradient",
      "$value": [
        {
          "color": "#FF7448",
          "position": 0
        },
        {
          "color": "#FF4848",
          "position": 0.42
        },
        {
          "color": "#8B76FF",
          "position": 0.85
        }
      ],
      "$description": "Used on one headline word per page"
    }
  }
}