:root {
  color-scheme: light;

  /* Gander brand palette */
  --g-ink-950: #0c1825;
  --g-ink-900: #122337;
  --g-ink-800: #1c344d;
  --g-ink-700: #34516d;
  --g-ink-600: #506a82;
  --g-ink-500: #71869a;
  --g-ink-400: #96a7b6;
  --g-ink-300: #b8c4cf;
  --g-ink-200: #d5dde4;
  --g-ink-100: #e8edf1;
  --g-ink-50: #f4f6f7;
  --g-paper: #fffefd;
  --g-canvas: #f6f3ed;
  --g-canvas-deep: #ece8df;

  --g-teal-700: #056962;
  --g-teal-600: #087b72;
  --g-teal-500: #14968a;
  --g-teal-100: #d9efeb;
  --g-teal-50: #edf8f6;
  --g-amber-700: #8b5714;
  --g-amber-500: #d2943a;
  --g-amber-100: #f7e7c9;
  --g-amber-50: #fdf7eb;
  --g-red-600: #b1423f;
  --g-red-50: #fdf0ef;

  --g-text: var(--g-ink-950);
  --g-text-soft: var(--g-ink-600);
  --g-border: rgba(28, 52, 77, 0.14);
  --g-border-strong: rgba(28, 52, 77, 0.24);
  --g-focus: #36b8aa;

  --g-font-sans: "Avenir Next", Avenir, "Segoe UI", Inter, system-ui, sans-serif;
  --g-font-display: "Iowan Old Style", "Palatino Linotype", Georgia, serif;

  --g-text-xs: 0.75rem;
  --g-text-sm: 0.875rem;
  --g-text-md: 1rem;
  --g-text-lg: 1.125rem;
  --g-text-xl: 1.375rem;
  --g-text-2xl: clamp(1.75rem, 4vw, 2.5rem);

  --g-space-1: 0.25rem;
  --g-space-2: 0.5rem;
  --g-space-3: 0.75rem;
  --g-space-4: 1rem;
  --g-space-5: 1.25rem;
  --g-space-6: 1.5rem;
  --g-space-8: 2rem;
  --g-space-10: 2.5rem;

  --g-radius-sm: 0.5rem;
  --g-radius-md: 0.75rem;
  --g-radius-lg: 1rem;
  --g-radius-xl: 1.5rem;
  --g-radius-pill: 999px;

  --g-shadow-sm: 0 1px 2px rgba(12, 24, 37, 0.06), 0 3px 10px rgba(12, 24, 37, 0.04);
  --g-shadow-md: 0 12px 35px rgba(12, 24, 37, 0.1);
  --g-duration-fast: 140ms;
  --g-duration: 220ms;
  --g-ease: cubic-bezier(0.2, 0.7, 0.2, 1);
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --g-duration-fast: 0ms;
    --g-duration: 0ms;
  }
}