@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap");

:root {
  --color-brand-primary: #5a7891;
  --color-brand-secondary: #3f5f79;
  --color-brand-accent: #f28a34;
  --color-brand-muted: #a5bbce;
  --color-text: #1e1e2f;
  --color-muted: #5a5a5a;
  --color-surface: #fcfcfc;
  --color-border: #d3dde6;
  --color-bg: #eef3f7;

  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 14px;

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 8px 24px rgba(11, 48, 67, 0.15);

  --font-sans: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Montserrat", "Helvetica Neue", Arial, sans-serif;
  --font-size-base: 16px;
  --line-height-base: 1.55;
}