/* Design tokens extracted from the live Wix site (www.affariassociates.com). */

@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-300.woff2") format("woff2");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-700.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/barlow-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/barlow-500.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Barlow";
  src: url("/assets/fonts/barlow-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/open-sans-400.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Open Sans";
  src: url("/assets/fonts/open-sans-600.woff2") format("woff2");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

:root {
  /* Colors (from live-site computed styles / SVG fills) */
  --color-navy: #292e72;        /* brand navy: logo, nav, CTA buttons */
  --color-navy-deep: #1c1f42;   /* darker navy: dark sections */
  --color-ink: #2e3a47;         /* body text */
  --color-muted: #8f8f8f;       /* secondary text */
  --color-bg-light: #f4f8ff;    /* footer / light section background */
  --color-white: #ffffff;
  --color-accent: #fd6262;      /* coral accent */
  --color-link: #1d67cd;        /* inline link blue */
  --color-border: #e2e2e2;

  /* Typography */
  --font-heading: "Poppins", "Segoe UI", sans-serif;
  --font-sub: "Barlow", "Segoe UI", sans-serif;
  --font-body: "Open Sans", "Segoe UI", sans-serif;

  /* Spacing scale */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2.5rem;
  --space-6: 4rem;
  --space-7: 6rem;

  /* Layout */
  --content-max: 1080px;
  --content-wide: 1240px;
  --radius: 8px;
  --header-height: 88px;

  --shadow-card: 0 10px 30px rgba(41, 46, 114, 0.1);
  --focus-ring: 3px solid #1d67cd;
}