# mdcms v0.4 | DO NOT REMOVE THIS COMMENT
# mdcms theme — rothko
# Two rectangles glowing into each other — oxblood plum and sunset orange on cream.

# ──────────────────────────────────
# Colours
# ──────────────────────────────────
light:
  accent: "#C8431F"
  background: "#F5EBDC"
  nav-background: "#5C2A2A"
  text: "#2A1414"
  text-muted: "#6E5444"
  nav-link: "#E2E2E2"
  nav-link-active: "#FFFFFF"
  nav-section-heading: "#9A9A9A"
  nav-sitename: "#FFFFFF"
  nav-description: "#9A9A9A"
  nav-toggle: "#9A9A9A"

dark:
  accent: "#FF7A4A"
  background: "#1F0E08"
  nav-background: "#2A0A0A"
  text: "#F4E0CC"
  text-muted: "#B89682"
  nav-link: "#E2E2E2"
  nav-link-active: "#FF7A4A"
  nav-section-heading: "#9A9A9A"
  nav-sitename: "#FFFFFF"
  nav-description: "#9A9A9A"
  nav-toggle: "#9A9A9A"

# ──────────────────────────────────
# Semantic colours
# colours-semantic applies to both modes.
# colours-semantic-dark overrides for dark mode only.
# ──────────────────────────────────
colours-semantic:
  info: "#5C2A6E"
  warning: "#C8431F"
  success: "#3F6B3C"
  error: "#9C2A1F"

colours-semantic-dark:
  info: "#BF89D2"
  warning: "#E98B72"
  success: "#8DD289"
  error: "#E48077"

# ──────────────────────────────────
# Callout defaults
# primary-colour matches colours-semantic (light mode).
# ──────────────────────────────────
callouts:
  info:
    icon: info
    primary-colour: "#5C2A6E"
    background-colour: "#5C2A6E"
  warning:
    icon: warning
    primary-colour: "#C8431F"
    background-colour: "#C8431F"
  success:
    icon: success
    primary-colour: "#3F6B3C"
    background-colour: "#3F6B3C"
  error:
    icon: error
    primary-colour: "#9C2A1F"
    background-colour: "#9C2A1F"

# ──────────────────────────────────
# Typography
# Format: "provider:Font Name:weight"  (provider: bunny | google)
# ──────────────────────────────────
font-body: "bunny:Newsreader:400"
font-heading: "bunny:Newsreader:700"
font-size: 1.05        # unitless multiplier (1.0 = 16px base)
line-height: 1.65      # unitless multiplier

# ──────────────────────────────────
# Layout
# ──────────────────────────────────
main-width: 78em
nav-width: 20em