/*
 * Neutral base tokens. Every club theme.css overrides the colour, type and radius tokens.
 * The core CSS uses only these variables (04 · section 3).
 */
:root {
  /* colour (neutral defaults, used by the hub) */
  --c-brand: #3A4656;
  --c-brand-strong: #2B3542;
  --c-brand-soft: #E9ECF0;
  --c-on-brand: #FFFFFF;
  --c-ink: #161A20;
  --c-ink-muted: #5B6573;
  --c-surface: #FFFFFF;
  --c-canvas: #F3F4F5;
  --c-line: #E2E4E8;
  --c-success: #1F7A45;
  --c-warning: #9A5B00;
  --c-danger: #A3122A;
  --c-success-soft: #E5F2EA;
  --c-warning-soft: #FBF1DE;
  --c-danger-soft: #FBE8EB;
  --c-info-soft: #EAF0F6;
  --c-info: #2D5B87;
  --c-focus: var(--c-brand-strong);
  /* header (X-01): light by default; a theme can turn it dark by setting these values */
  --c-header-bg: var(--c-surface);
  --c-header-fg: var(--c-ink);
  --c-header-line: var(--c-line);
  --c-header-accent: var(--c-brand-strong);   /* club name, hover and active text */
  --c-header-mark: var(--c-brand);            /* underline of the active item */
  --c-header-hover: var(--c-canvas);
  --c-header-current: var(--c-brand-soft);    /* active item in the mobile menu */
  --c-header-focus: var(--c-focus);

  /* type */
  --f-sys: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --f-display: var(--f-sys);
  --f-text: var(--f-sys);
  --fw-display: 800;
  --fwdth-display: 100%;
  --fw-strong: 700;

  /* scale: base 16px, ratio 1.25 */
  --t-xs: 0.8rem;
  --t-sm: 0.875rem;
  --t-base: 1rem;
  --t-md: 1.25rem;
  --t-lg: 1.563rem;
  --t-xl: 1.953rem;
  --t-2xl: 2.441rem;
  --t-hero: clamp(2.5rem, 6vw, 4.5rem);
  --t-hero-compact: clamp(2rem, 4.6vw, 3.25rem);
  --t-balance: clamp(3rem, 8vw, 5rem);

  /* spacing (4px grid) */
  --s-1: 0.25rem; --s-2: 0.5rem; --s-3: 0.75rem; --s-4: 1rem; --s-5: 1.5rem; --s-6: 2rem; --s-7: 3rem; --s-8: 4rem;

  /* shape */
  --r-card: 8px;
  --r-control: 8px;
  --r-pill: 999px;
  --shadow-raise: 0 18px 40px -12px rgba(16, 20, 26, 0.28), 0 2px 6px rgba(16, 20, 26, 0.08);
  --motif: none;
  --cta-chevron: none;          /* themes set it to inline-block to show the chevron on primary CTAs */

  /* layout */
  --w-page: 1240px;
  --w-text: 70ch;
  --h-header: 72px;
  --gutter: clamp(1rem, 3.2vw, 2rem);

  --ease: cubic-bezier(.2, .7, .2, 1);
}