:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.1695 0.022 267.28);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.1695 0.022 267.28);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.1695 0.022 267.28);
  --primary: oklch(0.443 0.1928 261.11);
  --primary-foreground: oklch(1 0 0);
  --secondary: oklch(0.6044 0.1597 294.36);
  --secondary-foreground: oklch(1 0 0);
  --muted: oklch(0.9683 0.0069 247.9);
  --muted-foreground: oklch(0.4455 0.0374 257.28);
  --accent: oklch(0.6044 0.1597 294.36);
  --accent-foreground: oklch(1 0 0);
  --destructive: oklch(0.5771 0.2152 27.33);
  --destructive-foreground: oklch(0.5771 0.2152 27.33);
  --border: oklch(0.9288 0.0126 255.51);
  --input: oklch(0.9288 0.0126 255.51);
  --ring: oklch(0.443 0.1928 261.11);
  --radius: 0.625rem;

  /* ruby_ui specific */
  --warning: oklch(0.7697 0.1645 70.61);
  --warning-foreground: oklch(1 0 0);
  --success: oklch(0.715 0.205593 134.1076);
  --success-foreground: oklch(1 0 0);

  /* navbar */
  --navbar-logo-height: 3rem; /* h-12 */
}

@media (min-width: 1024px) {
  :root {
    --navbar-logo-height: 2.5rem; /* h-10 */
  }
}

.dark {
  /* Only tokens that change in dark mode */
  --background: oklch(0.1695 0.022 267.28);
  --foreground: oklch(0.9842 0.0034 247.86);
  --card: oklch(0.2101 0.0318 264.66);
  --card-foreground: oklch(0.9842 0.0034 247.86);
  --popover: oklch(0.2101 0.0318 264.66);
  --popover-foreground: oklch(0.9842 0.0034 247.86);
  --muted: oklch(0.2795 0.0368 260.03);
  --destructive: oklch(0.4437 0.1613 26.9);
  --destructive-foreground: oklch(0.6368 0.2078 25.33);
  --border: oklch(0.2795 0.0368 260.03);
  --input: oklch(0.2795 0.0368 260.03);
  --ring: oklch(0.6044 0.1597 294.36);
  --success: oklch(0.765 0.2044 131.05);
}