/*
 * Design tokens copied from the Vivara Pro design system.
 * Source: vp_ui_specs/DESIGN_SYSTEM.md (confirmed from live site CSS, 2026-09-02).
 * This is the only file that may contain colour values or font families (checked in CI).
 */

@font-face {
  font-family: "Ubuntu";
  font-weight: 300;
  font-style: normal;
  font-display: swap;
  src: url("fonts/ubuntu-300.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/ubuntu-400.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  src: url("fonts/ubuntu-500.woff2") format("woff2");
}

@font-face {
  font-family: "Ubuntu";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/ubuntu-700.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  src: url("fonts/open-sans-400.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 600;
  font-style: normal;
  font-display: swap;
  src: url("fonts/open-sans-600.woff2") format("woff2");
}

@font-face {
  font-family: "Open Sans";
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  src: url("fonts/open-sans-700.woff2") format("woff2");
}

:root {
  --color-primary-green: #437147;
  --color-primary-green-dark: #004227;
  --color-primary-green-alt: #3c694e;
  --color-primary-green-deep: #1f3621;
  --color-primary-navy: #001c32;
  --color-primary-navy-alt: #00355e;
  --color-accent-amber: #f9be64;
  --color-accent-tech-blue: #4a90d9;
  --color-text-body: #2a2a2a;
  --color-text-muted: #4b4b4b;
  --color-text-muted-2: #848484;
  --color-bg-page: #fefefe;
  --color-bg-alt: #f8f8f8;
  --color-bg-blue-tint: #eaf6ff;
  --color-border: #ccd4d9;
  --color-error: #d03c38;
  --color-white: #ffffff;

  /* Derived: sage tile = brand green at reduced opacity over white (exact tint unverified). */
  --color-tile: color-mix(in srgb, var(--color-primary-green) 85%, var(--color-white));

  --font-heading: "Ubuntu", sans-serif;
  --font-body: "Open Sans", sans-serif;
}