# mdcms v0.4 | DO NOT REMOVE THIS COMMENT # mdcms theme — a11y · calm # Low-stimulation palette. Muted sage on warm beige — no pure white, no pure black. # ────────────────────────────────── # Colours # ────────────────────────────────── light: accent: "#5A7058" background: "#F0EAE0" nav-background: "#E5DFD3" text: "#3A3833" text-muted: "#807C73" dark: accent: "#A8B5A2" background: "#1F1E1B" nav-background: "#2A2823" text: "#D8D2C5" text-muted: "#908A7D" # ────────────────────────────────── # Semantic colours # colours-semantic applies to both modes. # colours-semantic-dark overrides for dark mode only. # ────────────────────────────────── colours-semantic: info: "#5A7058" warning: "#8B6A40" success: "#5A7058" error: "#A06060" colours-semantic-dark: info: "#8FD289" warning: "#D2B289" success: "#8FD289" error: "#D28989" # ────────────────────────────────── # Callout defaults # primary-colour matches colours-semantic (light mode). # ────────────────────────────────── callouts: info: icon: info primary-colour: "#5A7058" background-colour: "#5A7058" warning: icon: warning primary-colour: "#8B6A40" background-colour: "#8B6A40" success: icon: success primary-colour: "#5A7058" background-colour: "#5A7058" error: icon: error primary-colour: "#A06060" background-colour: "#A06060" # ────────────────────────────────── # Typography # Format: "provider:Font Name:weight" (provider: bunny | google) # ────────────────────────────────── font-body: "bunny:Atkinson Hyperlegible:400" font-heading: "bunny:Atkinson Hyperlegible:700" font-size: 1.00 # unitless multiplier (1.0 = 16px base) line-height: 1.80 # unitless multiplier # ────────────────────────────────── # Layout # ────────────────────────────────── main-width: 80em nav-width: 20em