:root {
  /* Brand palette */
  --color-bg-dark: #184063;
  --color-bg-blue: #084da5;
  --color-bg-mid:  #1869af;
  --color-accent:  #3fd6d6;
  --color-white:   #ffffff;

  /* Text */
  --text-primary: #ffffff;
  --text-secondary: rgba(255,255,255,0.78);
  --text-dark: #184063;
  --text-dark-secondary: rgba(24,64,99,0.78);

  /* Layout */
  --max: 1100px;
  --pad: 20px;

  /* Radius & shadow */
  --radius-sm: 10px;
  --radius-md: 14px;
  --radius-lg: 22px;

  --shadow-soft: 0 10px 30px rgba(0,0,0,0.18);
  --shadow-hard: 0 18px 50px rgba(0,0,0,0.28);

  /* Motion */
  --ease: cubic-bezier(.2,.8,.2,1);
  --t-fast: 150ms var(--ease);
  --t-base: 350ms var(--ease);
  --t-slow: 700ms var(--ease);

  /* Font */
  --font: "Montserrat", system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
}

/* Reset base */
*, *::before, *::after { box-sizing: border-box; }

body, h1, h2, h3, h4, p, ul, ol, li, figure, figcaption, blockquote {
  margin: 0;
  padding: 0;
}

img, svg { display: block; max-width: 100%; }

a { color: inherit; text-decoration: none; }

button { cursor: pointer; border: none; background: none; font: inherit; }