version: "1.0"
name: "Dark Cyber"

colors:
  background: "#090A10"
  surface: "#10131A"
  text-primary: "#E8F7FF"
  text-secondary: "#8AA0B8"
  border: "#233042"
  accent-1: "#00F5D4"
  accent-2: "#5B8CFF"
  accent-3: "#FF4ECD"
  shadow: "rgba(0,245,212,0.16)"

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: "IBM Plex Mono"
    weight: 400
    size: "16px"
    line-height: "1.6"
  label-md:
    family: "IBM Plex Mono"
    weight: 600
    size: "13px"
    text-transform: "uppercase"
    letter-spacing: "0.05em"

rounded:
  sm: "4px"
  md: "6px"
  lg: "10px"

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

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

components:
  button-primary:
    background: "transparent"
    color: "#00F5D4"
    border: "1px solid #00F5D4"
    border-radius: "6px"
    box-shadow: "0 0 24px rgba(0,245,212,0.28)"
    padding: "11px 18px"

  console-card:
    background: "#10131A"
    border: "1px solid #233042"
    border-radius: "6px"
    box-shadow: "0 0 40px rgba(0,245,212,0.16)"
    padding: "24px"

rationale:
  - Use glow as a status cue, not as an all-over special effect.
  - Mix display sans and monospace details to suggest a system interface with personality.