version: "1.0"
name: "Skeuomorphism"

colors:
  background: "#F5E6D3"
  surface: "#E8D5B7"
  text-primary: "#2C1810"
  text-secondary: "#6B4E3D"
  border: "#4A3525"
  accent-1: "#D4A76A"
  accent-2: "#9B7520"
  accent-3: "#FFF8E7"
  shadow: "rgba(0,0,0,0.18)"

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

rounded:
  sm: "8px"
  md: "12px"
  lg: "14px"

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

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

components:
  button-primary:
    background: "linear-gradient(145deg, #9B7520 0%, #7A5510 100%)"
    color: "#FFF8E7"
    border: "1px solid #D4A76A"
    border-radius: "12px"
    box-shadow: "0 4px 12px rgba(0,0,0,0.28)"
    padding: "12px 22px"

  journal-card:
    background: "#E8D5B7"
    border: "2px dashed #4A3525"
    border-radius: "12px"
    box-shadow: "0 8px 32px rgba(0,0,0,0.18)"
    padding: "24px"

rationale:
  - Let materials feel tactile: paper grain, leather sheen, and inset depth should reinforce function.
  - Use realism to strengthen hierarchy, not to overload every element with decoration.
