/* Vert Construction — design tokens (from the design handoff).
 * Colors, layout, typography + a minimal element base. The page markup mostly
 * uses literal hex values lifted from the design references; these variables
 * back the fonts, headings and shared utilities. */

@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@600;700;800&family=Nunito+Sans:opsz,wght@6..12,400;6..12,600;6..12,700&display=swap");

:root {
  /* ---- Brand: Orange (action) ---- */
  --orange-500:#ef8f22; --orange-soft:#fdf0e0; --amber:#f2b25a;

  /* ---- Brand: Blue (secondary) ---- */
  --blue-500:#2779bd; --blue-light:#9cc4e4; --blue-tint:#e2eef8;

  /* ---- Navy / ink neutrals ---- */
  --navy-900:#142330; --navy-deep:#0d1922; --ink-700:#23384a;
  --muted-600:#45596b; --muted-500:#587286; --slate-600:#2f4a61;

  /* ---- Surfaces / borders ---- */
  --page:#f6f9fc; --surface-tint:#e9f1f8;
  --border-subtle:#d9e5ef; --border-input:#b9cede; --border-strong:#9db8cd;

  /* ---- Danger / success ---- */
  --danger-bg:#f9e3de; --danger-border:#ecc0b8; --danger-fg:#b3402f;
  --success:rgba(46,125,80,0.9);

  /* ---- Typography ---- */
  --font-display:"Montserrat","Nunito Sans",system-ui,sans-serif;
  --font-body:"Nunito Sans",system-ui,-apple-system,sans-serif;

  /* ---- Layout / radius / motion ---- */
  --container-max:1240px;
  --radius-pill:999px;
  --ease-out:cubic-bezier(0.22,1,0.36,1);
}

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

body {
  margin: 0;
  font-family: var(--font-body);
  color: var(--navy-900);
  background: var(--page);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1, h2, h3, h4, h5 {
  font-family: var(--font-display);
  font-weight: 800;
  line-height: 1.06;
  letter-spacing: -0.02em;
  color: var(--navy-900);
}

a { color: var(--blue-500); text-decoration: none; transition: color 140ms var(--ease-out); }
a:hover { color: var(--orange-500); }