# mdcms v0.4 | DO NOT REMOVE THIS COMMENT # mdcms theme — medical · wellness # Sage and cream. Holistic, gentle — for wellness and therapy practices. # ────────────────────────────────── # Colours # ────────────────────────────────── light: accent: "#5A7A5A" background: "#F8F8F2" nav-background: "#E6EDE0" text: "#1F2A1F" text-muted: "#6E7E6E" dark: accent: "#88B088" background: "#0F140C" nav-background: "#161F12" text: "#E8EDE2" text-muted: "#8AA28A" # ────────────────────────────────── # Semantic colours # colours-semantic applies to both modes. # colours-semantic-dark overrides for dark mode only. # ────────────────────────────────── colours-semantic: info: "#5A7AB8" warning: "#B58A1A" success: "#5A7A5A" error: "#A0506A" colours-semantic-dark: info: "#89A2D2" warning: "#EBC970" success: "#89D289" error: "#D289A1" # ────────────────────────────────── # Callout defaults # primary-colour matches colours-semantic (light mode). # ────────────────────────────────── callouts: info: icon: info primary-colour: "#5A7AB8" background-colour: "#5A7AB8" warning: icon: warning primary-colour: "#B58A1A" background-colour: "#B58A1A" success: icon: success primary-colour: "#5A7A5A" background-colour: "#5A7A5A" error: icon: error primary-colour: "#A0506A" background-colour: "#A0506A" # ────────────────────────────────── # Typography # Format: "provider:Font Name:weight" (provider: bunny | google) # ────────────────────────────────── font-body: "bunny:IBM Plex Sans:400" font-heading: "bunny:IBM Plex Sans:600" font-size: 1.00 # unitless multiplier (1.0 = 16px base) line-height: 1.70 # unitless multiplier # ────────────────────────────────── # Layout # ────────────────────────────────── main-width: 80em nav-width: 20em