:root {
  --bg-main: #f5f0e8; --bg-soft: #fbf8f3; --bg-card: #ffffff; --bg-muted: #eef3f6; --bg-highlight: #f3ebe0; --bg-dark: #21384f;
  --text-main: #203246; --text-secondary: #4c6071; --text-soft: #6d7e8d; --text-inverse: #fdfcf9; --heading: #173047; --link: #2f5677; --link-hover: #d67f35;
  --brand-primary: #2f5677; --brand-secondary: #d67f35; --brand-support: #6f9449; --brand-highlight: #e9a63a; --brand-cta: #d67f35;
  --border-soft: #d9e1e8; --border-strong: #aebdc9; --shadow-light: 0 10px 28px rgba(20,46,70,.08); --shadow-medium: 0 22px 44px rgba(20,46,70,.14); --focus-ring: 0 0 0 3px rgba(214,127,53,.28); --success: #5a8654; --warning-soft: #f1dfc6; --error-soft: #f4d4ce;
  --radius-sm: 10px; --radius-md: 18px; --radius-lg: 28px; --shadow-card: var(--shadow-light); --shadow-dropdown: var(--shadow-medium);
  --space-1: .25rem; --space-2: .5rem; --space-3: .75rem; --space-4: 1rem; --space-5: 1.5rem; --space-6: 2rem; --space-7: 3rem; --space-8: 4rem; --space-9: 5rem;
  --container: min(1200px, calc(100vw - 2rem)); --container-wide: min(1320px, calc(100vw - 2rem)); --reading: 72ch; --bp-sm: 480px; --bp-md: 768px; --bp-lg: 1024px; --bp-xl: 1280px;
}