{
  "$description": "A dusky, cinematic theme for film, music and nightlife. Lilac-grey paper by day, aubergine and gold by night.",
  "color": {
    "primary": {
      "$type": "color",
      "$value": "#6B4A00"
    },
    "on-primary": {
      "$type": "color",
      "$value": "#FFF8E6"
    },
    "secondary": {
      "$type": "color",
      "$value": "#17131F"
    },
    "on-secondary": {
      "$type": "color",
      "$value": "#F2F0F5"
    },
    "tertiary": {
      "$type": "color",
      "$value": "#C9B6FF"
    },
    "on-tertiary": {
      "$type": "color",
      "$value": "#17131F"
    },
    "neutral": {
      "$type": "color",
      "$value": "#625B6E"
    },
    "background": {
      "$type": "color",
      "$value": "#F2F0F5"
    },
    "surface": {
      "$type": "color",
      "$value": "#FFFFFF"
    },
    "foreground": {
      "$type": "color",
      "$value": "#17131F"
    },
    "border": {
      "$type": "color",
      "$value": "#DAD5E2"
    },
    "error": {
      "$type": "color",
      "$value": "#B3261E"
    }
  },
  "typography": {
    "display": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Syne",
        "fontSize": "64px",
        "fontWeight": 800,
        "lineHeight": 1,
        "letterSpacing": "-0.02em"
      }
    },
    "h1": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Syne",
        "fontSize": "40px",
        "fontWeight": 700,
        "lineHeight": 1.1,
        "letterSpacing": "-0.01em"
      }
    },
    "h2": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Syne",
        "fontSize": "24px",
        "fontWeight": 700,
        "lineHeight": 1.25
      }
    },
    "body": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Onest",
        "fontSize": "16px",
        "fontWeight": 400,
        "lineHeight": 1.6
      }
    },
    "label": {
      "$type": "typography",
      "$value": {
        "fontFamily": "Azeret Mono",
        "fontSize": "12px",
        "fontWeight": 500,
        "lineHeight": 1.3,
        "letterSpacing": "0.06em"
      }
    }
  },
  "rounded": {
    "sm": {
      "$type": "dimension",
      "$value": "3px"
    },
    "md": {
      "$type": "dimension",
      "$value": "8px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "16px"
    }
  },
  "spacing": {
    "xs": {
      "$type": "dimension",
      "$value": "4px"
    },
    "sm": {
      "$type": "dimension",
      "$value": "8px"
    },
    "md": {
      "$type": "dimension",
      "$value": "16px"
    },
    "lg": {
      "$type": "dimension",
      "$value": "24px"
    },
    "xl": {
      "$type": "dimension",
      "$value": "48px"
    },
    "2xl": {
      "$type": "dimension",
      "$value": "96px"
    }
  }
}