@import url("https://cdn.jsdelivr.net/npm/@fontsource-variable/geist@5.2.9/index.css");

:root, :root.dark {
  --radius: 0.625rem;
  font-family: 'Geist Variable', sans-serif;
}

/* seatpost brand palette, converted from apps/web/src/index.css's
   oklch tokens into the H S% L% triples this page's CSS vars expect. */
:root {
  --background: 0 0% 100%;
  --foreground: 0 0% 3.9%;
  --card: 14.2 43.9% 97%;
  --card-foreground: 0 0% 3.9%;
  --popover: 14.2 43.9% 97%;
  --popover-foreground: 0 0% 3.9%;
  --primary: 16.1 79% 49.1%;
  --primary-foreground: 0 0% 3.9%;
  --secondary: 14.2 26.6% 95%;
  --secondary-foreground: 0 0% 9.1%;
  --muted: 14.2 26.6% 95%;
  --muted-foreground: 0 0% 45.2%;
  --accent: 14.2 26.6% 95%;
  --accent-foreground: 0 0% 9.1%;
  --destructive: 357.2 100% 45.3%;
  --border: 14.2 20.8% 87.4%;
  --input: 14.2 20.8% 87.4%;
  --ring: 16.1 79% 49.1%;
}

:root.dark {
  --background: 0 0% 3.9%;
  --foreground: 0 0% 98%;
  --card: 0 0% 9.1%;
  --card-foreground: 0 0% 98%;
  --popover: 0 0% 9.1%;
  --popover-foreground: 0 0% 98%;
  --primary: 16.1 79% 49.1%;
  --primary-foreground: 0 0% 3.9%;
  --secondary: 0 0% 14.9%;
  --secondary-foreground: 0 0% 98%;
  --muted: 0 0% 14.9%;
  --muted-foreground: 0 0% 63%;
  --accent: 0 0% 14.9%;
  --accent-foreground: 0 0% 98%;
  --destructive: 358.7 100% 69.6%;
  --border: 0 0% 13.5%;
  --input: 0 0% 18.3%;
  --ring: 16.1 79% 49.1%;
}