version: "1.0"
name: "Haoqi Editorial"

colors:
  background: "#FBFAF4"
  surface: "#FBFAF4"
  text-primary: "#000000"
  text-secondary: "#646462"
  border: "#E5E7EB"
  accent-1: "#000000"
  accent-2: "#363630"
  accent-3: "#D3D2CD"
  shadow: "none"

typography:
  headline-display:
    family: "tiktok, sans-serif"
    weight: 700
    size: "32px"
    line-height: "1.18"
    letter-spacing: "0"
  headline-lg:
    family: "tiktok, sans-serif"
    weight: 700
    size: "24px"
    line-height: "1.2"
  headline-md:
    family: "tiktok, sans-serif"
    weight: 600
    size: "20px"
    line-height: "1.2"
  body-md:
    family: "tiktok, sans-serif"
    weight: 400
    size: "16px"
    line-height: "1.7"
  label-md:
    family: "tiktok, sans-serif"
    weight: 400
    size: "16px"
    letter-spacing: "0"

rounded:
  none: "0px"
  sm: "4px"
  md: "8px"
  lg: "12px"
  xl: "16px"
  full: "9999px"

spacing:
  xs: "4px"
  sm: "8px"
  md: "16px"
  lg: "24px"
  xl: "72px"

components:
  button-primary:
    background: "#000000"
    color: "#FBFAF4"
    border: "1px solid transparent"
    border-radius: "4px"
    padding: "8px 16px"
    min-width: "120px"
    min-height: "40px"
    box-shadow: "none"

  button-secondary:
    background: "transparent"
    color: "#000000"
    border: "1px solid #000000"
    border-radius: "4px"
    padding: "8px 16px"
    min-width: "120px"
    min-height: "40px"
    box-shadow: "none"

  card:
    background: "#FBFAF4"
    color: "#000000"
    border: "1px solid #E5E7EB"
    border-radius: "8px"
    padding: "16px"
    box-shadow: "none"

rationale:
  - Let whitespace, pacing, and typography do the work; decorative effects should stay almost invisible.
  - Use warm neutrals and hairline borders to keep the interface calm, reflective, and credible.
  - Best suited to portfolios, research notes, and project indexes where the work should speak louder than the frame.