:root {
  --radius: 0.75rem;

  /* Surfaces */
  --background: oklch(0.985 0.005 95);
  --foreground: oklch(0.21 0.04 265);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.21 0.04 265);

  /* Brand */
  --primary: oklch(0.24 0.05 265);
  --primary-foreground: oklch(0.985 0.005 95);

  --secondary: oklch(0.96 0.01 250);
  --secondary-foreground: oklch(0.24 0.05 265);
  --muted: oklch(0.96 0.01 250);
  --muted-foreground: oklch(0.5 0.02 260);
  --accent: oklch(0.94 0.015 255);
  --accent-foreground: oklch(0.24 0.05 265);

  --destructive: oklch(0.58 0.22 27);
  --border: oklch(0.91 0.01 255);
  --input: oklch(0.91 0.01 255);
  --ring: oklch(0.24 0.05 265);

  /* Accents */
  --sponsor: oklch(0.82 0.15 80);
  --success: oklch(0.65 0.15 150);
  --warning: oklch(0.78 0.16 75);
}

.dark {
  --background: oklch(0.16 0.03 265);
  --foreground: oklch(0.97 0.005 95);
  --card: oklch(0.21 0.04 265);
  --primary: oklch(0.97 0.005 95);
  --primary-foreground: oklch(0.21 0.04 265);
  --border: oklch(1 1 1 / 12%);
}