:root {
  --font-primary: "Roboto", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-secondary: "Barlow", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-signature: "Sacramento", cursive;
  --font-chip: "Azeret Mono", ui-monospace, SFMono-Regular, Menlo, monospace;

  --background: 0 0% 100%;
  --foreground: 0 0% 12%;
  --card: 0 0% 100%;
  --card-foreground: 0 0% 12%;
  --popover: 0 0% 100%;
  --popover-foreground: 0 0% 12%;
  --primary: 0 0% 13%;
  --primary-50: 0 0% 97%;
  --primary-100: 0 0% 93%;
  --primary-200: 0 0% 85%;
  --primary-300: 0 0% 70%;
  --primary-400: 0 0% 51%;
  --primary-500: 0 0% 38%;
  --primary-600: 0 0% 30%;
  --primary-700: 0 0% 22%;
  --primary-800: 0 0% 16%;
  --primary-900: 0 0% 11%;
  --primary-950: 0 0% 6%;
  --primary-1000: 0 0% 0%;
  --primary-foreground: 0 0% 100%;
  --secondary: 351 99% 41%;
  --secondary-50: 351 100% 97%;
  --secondary-100: 351 95% 92%;
  --secondary-200: 351 92% 84%;
  --secondary-300: 351 90% 72%;
  --secondary-400: 351 92% 58%;
  --secondary-500: 351 99% 41%;
  --secondary-600: 351 99% 35%;
  --secondary-700: 351 98% 29%;
  --secondary-800: 351 96% 23%;
  --secondary-900: 351 94% 17%;
  --secondary-foreground: 0 0% 100%;
  --warning: 34 90% 48%;
  --warning-50: 36 100% 96%;
  --warning-100: 36 100% 88%;
  --warning-200: 36 100% 76%;
  --warning-300: 36 98% 62%;
  --warning-400: 36 96% 52%;
  --warning-500: 34 95% 45%;
  --warning-600: 30 90% 36%;
  --warning-700: 26 85% 28%;
  --warning-800: 22 80% 22%;
  --warning-900: 18 75% 16%;
  --warning-950: 16 75% 10%;
  --warning-1000: 14 75% 6%;
  --light: 0 0% 96%;
  --light-foreground: 0 0% 12%;
  --dark: 0 0% 12%;
  --dark-foreground: 0 0% 100%;
  --info: 205 65% 42%;
  --info-foreground: 0 0% 100%;
  --muted: 0 0% 96%;
  --muted-foreground: 0 0% 38%;
  --accent: 351 60% 97%;
  --accent-foreground: 0 0% 13%;
  --highlight: 352 85% 68%;
  --highlight-foreground: 0 0% 10%;
  --destructive: 4 74% 44%;
  --destructive-foreground: 0 0% 100%;
  --success: 152 45% 34%;
  --success-50: 141 70% 95%;
  --success-100: 141 60% 88%;
  --success-200: 141 55% 75%;
  --success-300: 141 50% 58%;
  --success-400: 141 50% 42%;
  --success-500: 141 60% 32%;
  --success-600: 141 70% 24%;
  --success-700: 141 75% 18%;
  --success-800: 141 80% 12%;
  --success-900: 141 85% 8%;
  --success-950: 141 90% 5%;
  --success-foreground: 0 0% 100%;
  --border: 0 0% 89%;
  --input: 0 0% 89%;
  --ring: 351 99% 41%;
  --chart-1: 0 0% 20%;
  --chart-2: 351 99% 41%;
  --chart-3: 0 0% 51%;
  --chart-4: 351 70% 70%;
  --chart-5: 205 45% 42%;
  --stroke: 0 0% 20%;
  --chart-fill: 351 60% 94%;
  --prelisting: 212 16% 52%;
  --listed: 351 99% 41%;
  --under-contract: 215 32% 46%;
  --closed: 0 0% 20%;
  --archived: 0 0% 62%;
  --sidebar-background: 0 0% 100%;
  --sidebar-foreground: 0 0% 14%;
  --sidebar-primary: 0 0% 13%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 351 50% 96%;
  --sidebar-accent-foreground: 0 0% 14%;
  --sidebar-border: 0 0% 90%;
  --sidebar-ring: 351 99% 41%;

  --radius: 0.25rem;

  --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.04);
  --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.06), 0 1px 2px -1px rgb(0 0 0 / 0.06);
  --shadow-md: 0 4px 8px -2px rgb(0 0 0 / 0.08), 0 2px 4px -2px rgb(0 0 0 / 0.06);
  --shadow-lg: 0 10px 24px -4px rgb(0 0 0 / 0.10), 0 4px 8px -4px rgb(0 0 0 / 0.06);
  --shadow-xl: 0 20px 48px -12px rgb(0 0 0 / 0.14);
}

.dark {
  --background: 0 54% 12%;
  --foreground: 0 0% 98%;

  --card: 0 54% 12%;
  --card-foreground: 0 0% 98%;

  --popover: 0 54% 12%;
  --popover-foreground: 0 0% 98%;

  --primary: 351 99% 41%;
  --primary-foreground: 0 0% 100%;

  --secondary: 0 45% 43%;
  --secondary-foreground: 0 0% 100%;

  --muted: 0 25% 24%;
  --muted-foreground: 0 16% 72%;

  --accent: 0 28% 18%;
  --accent-foreground: 0 0% 98%;

  --destructive: 4 74% 44%;
  --destructive-foreground: 0 0% 100%;

  --border: 0 25% 24%;
  --input: 0 25% 24%;
  --ring: 0 44% 76%;

  --chart-1: 351 99% 41%;
  --chart-2: 210 76% 46%;
  --chart-3: 160 44% 44%;
  --chart-4: 48 94% 60%;
  --chart-5: 340 75% 60%;
  --sidebar-background: 0 60% 10%;
  --sidebar-foreground: 0 0% 96%;
  --sidebar-primary: 351 99% 41%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 28% 18%;
  --sidebar-accent-foreground: 0 0% 96%;
  --sidebar-border: 0 28% 18%;
  --sidebar-ring: 0 44% 76%;
}