:root {
  --button-outline: rgba(0,0,0, .08);
  --badge-outline: rgba(0,0,0, .04);
  --opaque-button-border-intensity: -6;
  --elevate-1: rgba(0,0,0, .025);
  --elevate-2: rgba(0,0,0, .06);
  --background: 142 10% 99%;
  --foreground: 348 15% 14%;
  --border: 142 8% 89%;
  --card: 142 10% 96%;
  --card-foreground: 348 15% 14%;
  --card-border: 142 8% 92%;
  --sidebar: 348 65% 12%;
  --sidebar-foreground: 14 15% 90%;
  --sidebar-border: 348 45% 17%;
  --sidebar-primary: 14 47% 63%;
  --sidebar-primary-foreground: 348 90% 8%;
  --sidebar-accent: 348 35% 18%;
  --sidebar-accent-foreground: 14 15% 88%;
  --sidebar-ring: 14 47% 63%;
  --popover: 142 8% 95%;
  --popover-foreground: 348 15% 14%;
  --popover-border: 142 8% 89%;
  --primary: 348 90% 21%;
  --primary-foreground: 0 0% 100%;
  --secondary: 142 12% 90%;
  --secondary-foreground: 348 12% 20%;
  --muted: 142 10% 93%;
  --muted-foreground: 348 6% 46%;
  --accent: 142 10% 92%;
  --accent-foreground: 348 12% 17%;
  --destructive: 0 60% 48%;
  --destructive-foreground: 0 0% 100%;
  --input: 142 8% 78%;
  --ring: 348 90% 21%;
  --chart-1: 348 90% 21%;
  --chart-2: 14 47% 63%;
  --chart-3: 142 16% 60%;
  --chart-4: 348 40% 45%;
  --chart-5: 14 35% 50%;
  --brand-burgundy: 348 90% 21%;
  --brand-rose: 14 47% 63%;
  --brand-sage: 142 16% 83%;
  --font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-serif: Georgia, serif;
  --font-mono: "JetBrains Mono", "Fira Code", Menlo, monospace;
  --radius: .375rem;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
  --tracking-normal: 0em;
  --spacing: 0.25rem;

  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --primary-border: hsl(var(--primary));
  --primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --secondary-border: hsl(var(--secondary));
  --secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --muted-border: hsl(var(--muted));
  --muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --accent-border: hsl(var(--accent));
  --accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --destructive-border: hsl(var(--destructive));
  --destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
}

.dark {
  --button-outline: rgba(255,255,255, .08);
  --badge-outline: rgba(255,255,255, .04);
  --opaque-button-border-intensity: 7;
  --elevate-1: rgba(255,255,255, .03);
  --elevate-2: rgba(255,255,255, .07);
  --background: 348 15% 7%;
  --foreground: 142 8% 93%;
  --border: 348 10% 16%;
  --card: 348 12% 10%;
  --card-foreground: 142 8% 93%;
  --card-border: 348 10% 14%;
  --sidebar: 348 20% 8%;
  --sidebar-foreground: 142 8% 92%;
  --sidebar-border: 348 15% 14%;
  --sidebar-primary: 14 47% 63%;
  --sidebar-primary-foreground: 348 90% 10%;
  --sidebar-accent: 348 20% 16%;
  --sidebar-accent-foreground: 14 15% 85%;
  --sidebar-ring: 14 47% 63%;
  --popover: 348 12% 12%;
  --popover-foreground: 142 8% 93%;
  --popover-border: 348 10% 16%;
  --primary: 348 65% 40%;
  --primary-foreground: 0 0% 100%;
  --secondary: 142 8% 16%;
  --secondary-foreground: 142 8% 85%;
  --muted: 348 8% 15%;
  --muted-foreground: 142 6% 58%;
  --accent: 348 8% 16%;
  --accent-foreground: 142 8% 85%;
  --destructive: 0 55% 50%;
  --destructive-foreground: 0 0% 100%;
  --input: 348 8% 26%;
  --ring: 348 65% 40%;
  --chart-1: 348 65% 50%;
  --chart-2: 14 47% 63%;
  --chart-3: 142 16% 65%;
  --chart-4: 348 40% 55%;
  --chart-5: 14 35% 55%;
  --brand-burgundy: 348 55% 55%;
  --brand-rose: 14 47% 68%;
  --brand-sage: 142 12% 70%;
  --shadow-2xs: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-xs: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);
  --shadow-sm: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 1px 2px -1px hsl(0 0% 0% / 0.00);
  --shadow-md: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 2px 4px -1px hsl(0 0% 0% / 0.00);
  --shadow-lg: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 4px 6px -1px hsl(0 0% 0% / 0.00);
  --shadow-xl: 0px 2px 0px 0px hsl(0 0% 0% / 0.00), 0px 8px 10px -1px hsl(0 0% 0% / 0.00);
  --shadow-2xl: 0px 2px 0px 0px hsl(0 0% 0% / 0.00);

  --sidebar-primary-border: hsl(var(--sidebar-primary));
  --sidebar-primary-border: hsl(from hsl(var(--sidebar-primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --sidebar-accent-border: hsl(var(--sidebar-accent));
  --sidebar-accent-border: hsl(from hsl(var(--sidebar-accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --primary-border: hsl(var(--primary));
  --primary-border: hsl(from hsl(var(--primary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --secondary-border: hsl(var(--secondary));
  --secondary-border: hsl(from hsl(var(--secondary)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --muted-border: hsl(var(--muted));
  --muted-border: hsl(from hsl(var(--muted)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --accent-border: hsl(var(--accent));
  --accent-border: hsl(from hsl(var(--accent)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);

  --destructive-border: hsl(var(--destructive));
  --destructive-border: hsl(from hsl(var(--destructive)) h s calc(l + var(--opaque-button-border-intensity)) / alpha);
}

*,
*::before,
*::after {
  border-color: hsl(var(--border));
}

body {
  font-family: var(--font-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: hsl(var(--background));
  color: hsl(var(--foreground));
}

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

[contenteditable][data-placeholder]:empty::before {
  content: attr(data-placeholder);
  color: hsl(var(--muted-foreground));
  pointer-events: none;
}

.no-default-hover-elevate {}
.no-default-active-elevate {}

.toggle-elevate::before,
.toggle-elevate-2::before {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  z-index: -1;
}

.toggle-elevate.toggle-elevated::before {
  background-color: var(--elevate-2);
}

.border.toggle-elevate::before {
  inset: -1px;
}

.hover-elevate:not(.no-default-hover-elevate),
.active-elevate:not(.no-default-active-elevate),
.hover-elevate-2:not(.no-default-hover-elevate),
.active-elevate-2:not(.no-default-active-elevate) {
  position: relative;
  z-index: 0;
}

.hover-elevate:not(.no-default-hover-elevate)::after,
.active-elevate:not(.no-default-active-elevate)::after,
.hover-elevate-2:not(.no-default-hover-elevate)::after,
.active-elevate-2:not(.no-default-active-elevate)::after {
  content: "";
  pointer-events: none;
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  z-index: 999;
}

.hover-elevate:hover:not(.no-default-hover-elevate)::after,
.active-elevate:active:not(.no-default-active-elevate)::after {
  background-color: var(--elevate-1);
}

.hover-elevate-2:hover:not(.no-default-hover-elevate)::after,
.active-elevate-2:active:not(.no-default-active-elevate)::after {
  background-color: var(--elevate-2);
}

.border.hover-elevate:not(.no-hover-interaction-elevate)::after,
.border.active-elevate:not(.no-active-interaction-elevate)::after,
.border.hover-elevate-2:not(.no-hover-interaction-elevate)::after,
.border.active-elevate-2:not(.no-active-interaction-elevate)::after,
.border.hover-elevate:not(.no-hover-interaction-elevate)::after {
  inset: -1px;
}