/*
 * Design tokens for the classic AWIN site.
 * Colors are sampled from the live Google Site theme and the AWIN logo.
 * In Drupal these become the theme's base CSS custom properties.
 */
:root {
  --c-primary: #4d768c;      /* slate blue: headings, footer, links */
  --c-primary-dark: #3b5c6e;
  --c-tint: #edf1f3;         /* section background */
  --c-ink: #212121;          /* body text */
  --c-muted: #5f6b72;
  --c-line: #d5dde1;
  --c-surface: #ffffff;
  --c-give: #55702a;         /* logo olive, darkened for white text */
  --c-give-dark: #435a20;

  --f-heading: Roboto, Arial, sans-serif;
  --f-ui: "Open Sans", Arial, sans-serif;
  --f-body: Arial, Helvetica, sans-serif;

  --w-page: 1160px;
  --w-text: 720px;
  --gutter: clamp(16px, 4vw, 56px);
  --radius: 4px;
}