body {
  padding-top: 0px !important;
}

html {
  font-size: unset !important;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --background: oklch(1 0 0);
  --foreground: oklch(0.145 0 0);
  --card: oklch(1 0 0);
  --card-foreground: oklch(0.145 0 0);
  --popover: oklch(1 0 0);
  --popover-foreground: oklch(0.145 0 0);
  --primary: oklch(0.205 0 0);
  --primary-foreground: oklch(0.985 0 0);
  --secondary: oklch(0.97 0 0);
  --secondary-foreground: oklch(0.205 0 0);
  --muted: oklch(0.97 0 0);
  --muted-foreground: oklch(0.556 0 0);
  --accent: oklch(0.97 0 0);
  --accent-foreground: oklch(0.205 0 0);
  --destructive: oklch(0.577 0.245 27.325);
  --destructive-foreground: oklch(0.577 0.245 27.325);
  --border: oklch(0.922 0 0);
  --input: oklch(0.922 0 0);
  --ring: oklch(0.708 0 0);

  /* Layout Variables */
  --font-sans: "Geist", "Geist Fallback", ui-sans-serif, system-ui, sans-serif;
  --max-w-7xl: 80rem; /* 1280px */
  --h-16: 4rem; /* 64px */
  --h-20: 5rem; /* 80px */
  --w-10: 2.5rem; /* 40px */
  --h-10: 2.5rem; /* 40px */
}

body {
  background-color: var(--background);
  color: var(--foreground);
}