version: "1.0"
name: "Grunge"

colors:
  background: "#EEE6DA"
  surface: "#F8F3EA"
  text-primary: "#231F1C"
  text-secondary: "#5F564F"
  border: "#231F1C"
  accent-1: "#A63C06"
  accent-2: "#6B8E23"
  accent-3: "#D2A679"
  shadow: "rgba(35,31,28,0.18)"

typography:
  headline-lg:
    family: "Space Grotesk"
    weight: 700
    size: "48px"
    line-height: "1.08"
    letter-spacing: "-0.03em"
  headline-sm:
    family: "Space Grotesk"
    weight: 700
    size: "24px"
    line-height: "1.25"
  body-md:
    family: "Inter"
    weight: 400
    size: "16px"
    line-height: "1.6"
  label-md:
    family: "Inter"
    weight: 600
    size: "13px"
    text-transform: "uppercase"
    letter-spacing: "0.05em"

rounded:
  sm: "0px"
  md: "0px"
  lg: "0px"

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

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

components:
  button-primary:
    background: "#231F1C"
    color: "#F8F3EA"
    border: "2px solid #231F1C"
    border-radius: "0px"
    padding: "12px 20px"

  paper-panel:
    background: "#F8F3EA"
    border: "2px solid #231F1C"
    box-shadow: "6px 6px 0 rgba(35,31,28,0.18)"
    padding: "24px"

rationale:
  - Use friction on purpose: distressed texture, uneven rhythm, and rough contrast should feel authored.
  - Avoid making every element noisy—let a few quieter blocks support the raw hero moments.