/* Copied tokens for the public landing page — do not reference client/ or showcase/. */
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/PlusJakartaSans-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/PlusJakartaSans-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url("fonts/PlusJakartaSans-ExtraBold.woff2") format("woff2");
}

:root {
  /* Light page (brand "cream" colourway); the app screenshots stay dark and sit on it as framed cards. */
  --bg: #F3F1E7;
  --surf: #FFFFFF;
  --raise: #ECEAE0;
  --pline: #DEDCD0;
  --text: #171E38;
  --pdim: #5B6275;
  --accent: #3F6E3E;
  --up: #3F7A3E;
  --down: #B91C1C;
  --dot: #CF5C3D;
  --navy: #171E38;
  --cream: #F3F1E7;
  --shot-shadow: 0 1px 2px rgba(23, 30, 56, .08), 0 12px 32px rgba(23, 30, 56, .18);
  --font: "Plus Jakarta Sans", "Helvetica Neue", Arial, sans-serif;
  --radius: 16px;
  color-scheme: light;
}