/* Moving Parts shared visual foundation. Load after each page's component styles. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

:root {
  color-scheme: light;
  --navy: #14233f;
  --text: #27354e;
  --muted: #748198;
  --blue: #315ce8;
  --line: #e7ecf4;
  --bg: #f5f8fd;
  --soft: #f0f4fa;
  --card: #ffffff;
  --green: #267764;
  --amber: #956323;
  --red: #b34c52;
  --mp-font-body: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mp-font-display: 'Manrope', 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mp-radius-control: 12px;
  --mp-radius-card: 18px;
  --mp-radius-feature: 26px;
  --mp-shadow-card: 0 18px 48px rgba(27, 59, 114, .06);
}

body { font-family: var(--mp-font-body); }
h1, h2, h3, h4 { font-family: var(--mp-font-display); }