/*
 * STVS skin: dark header with the yellow rule, light canvas, green accent.
 *
 * The brand green #308D68 only reaches 4.09:1 against white and 4.27:1 against #1A1A1A, so it
 * cannot carry text. Anything with text on it (buttons, links) uses the darker #276F52 (6.03:1
 * with white); #308D68 stays where nothing sits on top of it.
 */

@font-face {
  font-family: 'U8';
  src: url('fonts/u8/U8Web-Medium.woff2') format('woff2'),
       url('fonts/u8/U8Web-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'U8';
  src: url('fonts/u8/U8Web-Bold.woff2') format('woff2'),
       url('fonts/u8/U8Web-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('fonts/dm-sans/DMSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('fonts/dm-sans/DMSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'DM Sans';
  src: url('fonts/dm-sans/DMSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-heading: 'U8', 'DM Sans', system-ui, sans-serif;
  --font-body: 'DM Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;

  --bg: #f5f6f5;
  --surface: #ffffff;
  --text: #1a1a1a;
  /* #6F746F, the brand's secondary text, misses 4.5:1 on the canvas; darkened to #6A6F6A. */
  --text-muted: #6a6f6a;
  --border: #d9ddd7;

  --link: #276f52;
  --accent: #276f52;
  --accent-hover: #1e5a42;
  --accent-text: #ffffff;
  --focus: #1a1a1a;

  --header-bg: #1a1a1a;
  --header-text: #ffffff;
  --header-rule: 3px solid #ffcb00;
  --header-height: 56px;
  --logo-height: 30px;

  --footer-bg: #f5f6f5;
  --footer-text: #6a6f6a;

  --radius: 8px;
}

/* The yellow rule is the brand's active cue, so it also marks the current language. */
.language-switch a[aria-current='page'] {
  border-bottom-color: #ffcb00;
}