/* Straitéis AI brand foundation — Design System v1.0 (July 2026).
   Self-hosted Albert Sans (GDPR: no third-party font requests) + palette tokens.
   Rules: teal leads; green is scarce and earned; #14A02D never on teal (use
   #3DBE5B there); blue #012F76 reserved (link hover); no decorative gradients. */

@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/albert-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('/fonts/albert-sans-latin-500-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('/fonts/albert-sans-latin-600-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/albert-sans-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Albert Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url('/fonts/albert-sans-latin-800-normal.woff2') format('woff2');
}

/* Slide font families (PRD §13.J.10) — self-hosted like Albert Sans; never a third-party
   font request. 400/700 latin only: slides are the sole consumers of these families. */
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/montserrat-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/montserrat-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-sans-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/open-sans-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/lato-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/lato-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/roboto-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/roboto-latin-700-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'OpenDyslexic';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('/fonts/open-dyslexic-latin-400-normal.woff2') format('woff2');
}
@font-face {
  font-family: 'OpenDyslexic';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('/fonts/open-dyslexic-latin-700-normal.woff2') format('woff2');
}

:root {
  --teal: #04718E;          /* lead brand: headers, headings, links */
  --teal-dark: #035D75;     /* button hover */
  --teal-deep: #04353F;     /* footers */
  --green: #14A02D;         /* accent on white: eyebrows, primary CTA */
  --green-on-teal: #3DBE5B; /* green sitting on teal (never #14A02D there) */
  --blue: #012F76;          /* reserved: link hover, heritage contexts */
  --ink: #0D2B33;           /* headings */
  --body-ink: #4A5D64;      /* body text on white */
  --muted: #7A8B91;
  --teal-soft: #9DC0C9;
  --band: #E9F3F6;          /* alternating band tint (never generic grey) */
  --track: #E9EFF1;         /* chart tracks on white */
  --page: #F4F7F8;          /* page tint */
  --line: #DCE7EA;          /* light borders (derived from the teal-grey ramp) */
  --line-strong: #B9CDD3;
  --brand-font: 'Albert Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
}