/*
  CLUB THEME BLOCK: the only file a club concept changes for its look.
  A club concept = this block + that club's content. No layout lives here.
  Maps to the engine YAML `theme:` of the club's site. Logos are NOT here:
  they are image settings (theme.logo_url, theme.footer_logo_url) rendered as
  <img> elements, because an image inside CSS is not editable (build standards, section 3).

  Contrast (WCAG 2.2 AA), measured with the ratio formula for these values:
    --club-accent-strong on white ............ 5.37 (white text on it: 5.37)
    --club-primary on white ................... 14.06
    --club-accent-bright on --club-primary .... 6.54
    --club-neutral on --club-primary .......... 8.40
    --club-ink-muted on --club-surface-alt .... 7.00
    --club-ink-subtle-on-dark on --club-primary-deep ... 5.53
  --club-accent (the brand green) is 3.05 with white: decoration and large text only.
  Seed values: the Mawson mock-up (Raiders navy and green). Fonts are the mock-up's
  choice and are to be confirmed against each club's brand, not assumed.
  Fonts load here, so a club's whole look lives in this file: the one @import below, in the string form. It is the
  only URL a stylesheet may carry (fonts.googleapis.com); no image is ever referenced from CSS.
*/
@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Source+Sans+3:wght@400;600&display=swap";

:root {
  --club-primary: #152B50;
  --club-primary-deep: #0e1e38;
  --club-primary-soft: #1e3a6a;
  --club-accent: #37A850;
  --club-accent-bright: #4CC866;
  --club-accent-strong: #237a36;
  --club-neutral: #BBCAD7;
  --club-neutral-light: #dce5ed;
  --club-surface: #ffffff;
  --club-surface-alt: #f4f7fa;
  --club-ink: #1a1f2e;
  --club-ink-muted: #4a5568;
  --club-ink-subtle-on-dark: #8896a8;
  --club-on-accent: #ffffff;

  --club-font-display: 'Plus Jakarta Sans', system-ui, sans-serif;
  --club-font-body: 'Source Sans 3', system-ui, sans-serif;

  --club-logo-height: 64px;
  --club-logo-height-small: 44px;
  --club-radius: 8px;
  --club-radius-lg: 16px;
}
