/* The app's design tokens: the account kit's (--ak-*) and the game's own (--og-*). Change these to rebrand; nothing else carries colour.
   A calm ocean palette that fits the bright blue of the box. The four player colours are the surfers' own: pink, yellow, brown, orange. */
:root {
  --og-bg: #eef3fd;
  --og-surface: #ffffff;
  --og-ink: #0e2a52;
  --og-muted: #4a5d7c;
  --og-line: #c4d3ea;
  --og-blue: #1a5fd0;
  --og-blue-strong: #0d3b82;
  --og-box-blue: #1f6fe0;
  --og-sea-1: #dcebfc;
  --og-sea-2: #cde1f9;
  --og-wave: #1f6fe0;
  --og-foam: #ffffff;
  --og-beach: #f4e6c4;
  --og-danger: #b3261e;
  --og-focus: #0d3b82;
  --og-pink: #e0457b;
  --og-yellow: #f2b705;
  --og-brown: #8a5a3b;
  --og-orange: #f07a1a;
  --og-radius: 12px;
  --og-gap: 16px;
  --og-tap: 48px;
  --og-max: 34rem;
  --og-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}
.ak {
  --ak-font: var(--og-font);
  --ak-bg: #ffffff;
  --ak-surface: #ffffff;
  --ak-text: #0e2a52;
  --ak-muted: #4a5d7c;
  --ak-border: #b7c6de;
  --ak-accent: #1a5fd0;
  --ak-on-accent: #ffffff;
  --ak-danger: #b3261e;
  --ak-on-danger: #ffffff;
  --ak-ok: #1b6e3a;
  --ak-focus: #0d3b82;
  --ak-radius: 10px;
  --ak-gap: 16px;
  --ak-tap: 44px;
  --ak-max-width: 28rem;
  --ak-splash-bg: #eef3fd; /* the launch screen and the page splash; keep in step with capacitor.config.ts and LaunchScreen.storyboard */
}