version: "1.0"
name: "Wired Editorial"

colors:
  background: "#131313"
  surface: "#2D2D2D"
  text-primary: "#FFFFFF"
  text-secondary: "#949494"
  border: "#FFFFFF"
  accent-1: "#3CFFD0"
  accent-2: "#5200FF"
  accent-3: "#FFE45E"
  shadow: "rgba(0,0,0,0.33)"

typography:
  headline-lg:
    family: "Anton"
    weight: 900
    size: "72px"
    line-height: "0.95"
    letter-spacing: "0.01em"
  headline-sm:
    family: "Space Grotesk"
    weight: 700
    size: "28px"
    line-height: "1.0"
  body-md:
    family: "Space Grotesk"
    weight: 500
    size: "16px"
    line-height: "1.6"
  label-md:
    family: "JetBrains Mono"
    weight: 600
    size: "12px"
    text-transform: "uppercase"
    letter-spacing: "0.12em"

rounded:
  sm: "20px"
  md: "24px"
  lg: "32px"

spacing:
  xs: "8px"
  sm: "16px"
  md: "24px"
  lg: "40px"

border-width:
  sm: "1px"
  md: "1px"
  lg: "2px"

components:
  button-primary:
    background: "#3CFFD0"
    color: "#000000"
    border: "none"
    border-radius: "9999px"
    box-shadow: "none"
    padding: "12px 24px"
    text-transform: "uppercase"
    hover:
      background: "#FFFFFF"
      color: "#131313"

  card-surface:
    background: "#131313"
    border: "1px solid #FFFFFF"
    border-radius: "24px"
    box-shadow: "none"
    padding: "24px"

rationale:
  - Favor saturated editorial blocks over subtle gradients.
  - Use mono uppercase metadata to contrast with massive display headlines.
  - Keep depth flat; let borders and color fields do the work.