/* Generated from brand/brand.json and this club's Brand settings. Edit those, not this. */
:root {
  --color-background: #F7F8FA;
  --color-surface: #FFFFFF;
  --color-ink: #111A2E;
  --color-ink-soft: #4B5468;
  --color-line: #DCE0E7;
  --color-primary: #24429B;
  --color-primary-deep: #1A3180;
  --color-on-primary: #FFFFFF;
  --color-accent: #B8321F;
  --color-highlight: #B9831B;
  --color-success: #2F6B50;
  --color-danger: #A3201A;
  --font-display: 'Literata', Charter, 'Iowan Old Style', Georgia, serif;
  --font-body: 'Literata', Charter, 'Iowan Old Style', Georgia, serif;
  --font-ui: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --size-base: 17px;
  --step--1: 0.800rem;
  --step-1: 1.250rem;
  --step-2: 1.563rem;
  --step-3: 1.953rem;
  --step-4: 2.441rem;
  --step-5: 3.052rem;
  --radius: 12px;
  --radius-small: 8px;
  --color-beam: var(--color-primary);
  --color-on-beam: var(--color-on-primary);
  /* The light-mode primary, kept in dark mode for solid fills (buttons, the date tile). */
  --color-brand: #24429B;
  --color-brand-deep: #1A3180;
  --color-on-brand: #FFFFFF;
}
@media (prefers-color-scheme: dark) {
  :root {
    --color-background: #0D111A;
    --color-surface: #151B27;
    --color-ink: #ECEEF3;
    --color-ink-soft: #A9B0BE;
    --color-line: #2A3342;
    --color-primary: #9DB2F5;
    --color-primary-deep: #C3D0FA;
    --color-on-primary: #10151F;
    --color-accent: #E9826C;
    --color-highlight: #E2B552;
    --color-success: #86C2A2;
    --color-danger: #FF8F84;
    /* In the dark the painted beam is a deep wash of the primary, not a bright slab. */
    --color-beam: color-mix(in oklab, #24429B 82%, black);
    --color-on-beam: #f2f1ec;
  }
}
.ornament { display: none; }