/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

:root {
  color-scheme: light dark;
  --bg-1: light-dark(var(--clr-gray-100), var(--clr-gray-10));
  --bg-2: light-dark(var(--clr-gray-90), var(--clr-gray-5));
  --bg-3: light-dark(var(--clr-gray-80), var(--clr-gray-0));
  --bg-danger: light-dark(var(--clr-danger-95), var(--clr-danger-5));
  --bg-mute: light-dark(var(--clr-gray-95), var(--clr-gray-20));
  --bg-overlay: light-dark(hsl(0 0.0% 83.9% / 0.45), hsl(0 0.0% 0.0% / 0.5));
  --bg-pop: light-dark(var(--clr-pop-95), var(--clr-pop-5));
  --bg-purple: light-dark(var(--clr-purple-95), var(--clr-purple-5));
  --bg-safe: light-dark(var(--clr-safe-95), var(--clr-safe-5));
  --bg-warn: light-dark(var(--clr-warn-95), var(--clr-warn-5));
  --border-1: light-dark(var(--clr-gray-60), var(--clr-gray-40));
  --border-2: light-dark(var(--clr-gray-70), var(--clr-gray-30));
  --border-3: light-dark(var(--clr-gray-80), var(--clr-gray-20));
  --change-status-addition: light-dark(var(--clr-safe-60), var(--clr-safe-30));
  --change-status-deletion: light-dark(var(--clr-danger-60), var(--clr-danger-30));
  --change-status-modification: light-dark(var(--clr-blue-60), var(--clr-blue-30));
  --change-status-rename: light-dark(var(--clr-purple-60), var(--clr-purple-40));
  --clr-blue-5: hsl(217 90.9% 12.9%);
  --clr-blue-10: hsl(217 91.4% 18.2%);
  --clr-blue-20: hsl(217 91.4% 27.3%);
  --clr-blue-30: hsl(217 91.7% 37.6%);
  --clr-blue-40: hsl(217 91.1% 48.2%);
  --clr-blue-50: hsl(217 91.2% 59.8%);
  --clr-blue-60: hsl(217 85.0% 73.9%);
  --clr-blue-70: hsl(217 81.0% 83.5%);
  --clr-blue-80: hsl(217 76.2% 91.8%);
  --clr-blue-90: hsl(215 73.9% 95.5%);
  --clr-blue-95: hsl(220 81.8% 97.8%);
  --clr-danger-5: hsl(8 67.9% 11.0%);
  --clr-danger-10: hsl(9 68.8% 15.1%);
  --clr-danger-20: hsl(8 67.5% 22.9%);
  --clr-danger-30: hsl(8 67.7% 31.6%);
  --clr-danger-40: hsl(8 67.8% 40.2%);
  --clr-danger-50: hsl(8 67.8% 50.0%);
  --clr-danger-60: hsl(8 65.1% 67.5%);
  --clr-danger-70: hsl(8 61.5% 79.6%);
  --clr-danger-80: hsl(8 57.7% 89.8%);
  --clr-danger-90: hsl(7 57.1% 94.5%);
  --clr-danger-95: hsl(7 57.1% 97.3%);
  --clr-gray-0: hsl(0 0.0% 0.0%);
  --clr-gray-5: hsl(0 0.0% 11.8%);
  --clr-gray-10: hsl(0 0.0% 16.1%);
  --clr-gray-20: hsl(0 0.0% 24.3%);
  --clr-gray-30: hsl(0 0.0% 33.7%);
  --clr-gray-40: hsl(0 0.0% 42.7%);
  --clr-gray-50: hsl(0 0.0% 53.3%);
  --clr-gray-60: hsl(0 0.0% 69.8%);
  --clr-gray-70: hsl(0 0.0% 81.2%);
  --clr-gray-80: hsl(0 0.0% 90.6%);
  --clr-gray-90: hsl(0 0.0% 94.9%);
  --clr-gray-95: hsl(0 0.0% 97.3%);
  --clr-gray-100: hsl(0 0.0% 100.0%);
  --clr-pop-5: hsl(180 65.2% 9.0%);
  --clr-pop-10: hsl(180 66.2% 12.7%);
  --clr-pop-20: hsl(180 65.3% 19.2%);
  --clr-pop-30: hsl(180 65.9% 26.5%);
  --clr-pop-40: hsl(180 65.1% 33.7%);
  --clr-pop-50: hsl(180 65.4% 42.0%);
  --clr-pop-60: hsl(180 64.6% 62.4%);
  --clr-pop-70: hsl(180 60.3% 76.3%);
  --clr-pop-80: hsl(180 56.7% 88.2%);
  --clr-pop-90: hsl(180 57.6% 93.5%);
  --clr-pop-95: hsl(180 52.9% 96.7%);
  --clr-purple-5: hsl(270 60.0% 11.8%);
  --clr-purple-10: hsl(270 59.5% 16.5%);
  --clr-purple-20: hsl(270 60.0% 24.5%);
  --clr-purple-30: hsl(270 59.8% 34.1%);
  --clr-purple-40: hsl(270 60.2% 43.3%);
  --clr-purple-50: hsl(270 60.0% 53.9%);
  --clr-purple-60: hsl(270 56.9% 70.0%);
  --clr-purple-70: hsl(270 54.2% 81.2%);
  --clr-purple-80: hsl(270 50.0% 90.6%);
  --clr-purple-90: hsl(270 53.8% 94.9%);
  --clr-purple-95: hsl(266 53.8% 97.5%);
  --clr-safe-5: hsl(154 60.0% 9.8%);
  --clr-safe-10: hsl(154 60.0% 13.7%);
  --clr-safe-20: hsl(155 60.0% 20.6%);
  --clr-safe-30: hsl(154 60.0% 28.4%);
  --clr-safe-40: hsl(155 60.0% 36.3%);
  --clr-safe-50: hsl(155 60.0% 45.1%);
  --clr-safe-60: hsl(155 59.1% 64.5%);
  --clr-safe-70: hsl(155 54.8% 77.5%);
  --clr-safe-80: hsl(155 50.9% 88.8%);
  --clr-safe-90: hsl(156 48.4% 93.9%);
  --clr-safe-95: hsl(158 50.0% 96.9%);
  --clr-warn-5: hsl(35 96.4% 10.8%);
  --clr-warn-10: hsl(35 94.9% 15.3%);
  --clr-warn-20: hsl(35 94.9% 22.9%);
  --clr-warn-30: hsl(35 95.0% 31.6%);
  --clr-warn-40: hsl(35 95.1% 40.2%);
  --clr-warn-50: hsl(35 95.3% 50.0%);
  --clr-warn-60: hsl(35 91.6% 67.5%);
  --clr-warn-70: hsl(35 86.5% 79.6%);
  --clr-warn-80: hsl(36 80.8% 89.8%);
  --clr-warn-90: hsl(37 79.3% 94.3%);
  --clr-warn-95: hsl(35 85.7% 97.3%);
  --commit-integrated: light-dark(var(--clr-purple-50), var(--clr-purple-40));
  --commit-local: var(--clr-gray-50);
  --commit-remote: var(--clr-pop-50);
  --commit-upstream: light-dark(hsl(35 70.4% 60.2%), hsl(35 79.9% 57.1%));
  --fill-danger-bg: light-dark(var(--clr-danger-50), var(--clr-danger-40));
  --fill-danger-fg: var(--clr-danger-95);
  --fill-gray-bg: light-dark(var(--clr-gray-20), var(--clr-gray-80));
  --fill-gray-fg: light-dark(var(--clr-gray-100), var(--clr-gray-0));
  --fill-pop-bg: light-dark(var(--clr-pop-50), var(--clr-pop-40));
  --fill-pop-fg: var(--clr-gray-100);
  --fill-purple-bg: var(--clr-purple-50);
  --fill-purple-fg: light-dark(var(--clr-purple-95), var(--clr-purple-90));
  --fill-safe-bg: light-dark(var(--clr-safe-50), var(--clr-safe-40));
  --fill-safe-fg: light-dark(var(--clr-safe-95), var(--clr-safe-90));
  --fill-warn-bg: light-dark(var(--clr-warn-50), var(--clr-warn-40));
  --fill-warn-fg: light-dark(var(--clr-warn-95), var(--clr-warn-90));
  --opacity-bg-hover: 6%;
  --opacity-bg-selected-blur: 13%;
  --opacity-disabled: 50%;
  --radius-l: 0.75rem;
  --radius-m: 0.5rem;
  --radius-ml: 0.625rem;
  --radius-s: 0.25rem;
  --scale-blue-5: light-dark(var(--clr-blue-5), var(--clr-blue-95));
  --scale-blue-10: light-dark(var(--clr-blue-10), var(--clr-blue-90));
  --scale-blue-20: light-dark(var(--clr-blue-20), var(--clr-blue-80));
  --scale-blue-30: light-dark(var(--clr-blue-30), var(--clr-blue-70));
  --scale-blue-40: light-dark(var(--clr-blue-40), var(--clr-blue-60));
  --scale-blue-50: var(--clr-blue-50);
  --scale-blue-60: light-dark(var(--clr-blue-60), var(--clr-blue-40));
  --scale-blue-70: light-dark(var(--clr-blue-70), var(--clr-blue-30));
  --scale-blue-80: light-dark(var(--clr-blue-80), var(--clr-blue-20));
  --scale-blue-90: light-dark(var(--clr-blue-90), var(--clr-blue-10));
  --scale-blue-95: light-dark(var(--clr-blue-95), var(--clr-blue-5));
  --scale-danger-5: light-dark(var(--clr-danger-5), var(--clr-danger-95));
  --scale-danger-10: light-dark(var(--clr-danger-10), var(--clr-danger-90));
  --scale-danger-20: light-dark(var(--clr-danger-20), var(--clr-danger-80));
  --scale-danger-30: light-dark(var(--clr-danger-30), var(--clr-danger-70));
  --scale-danger-40: light-dark(var(--clr-danger-40), var(--clr-danger-60));
  --scale-danger-50: var(--clr-danger-50);
  --scale-danger-60: light-dark(var(--clr-danger-60), var(--clr-danger-40));
  --scale-danger-70: light-dark(var(--clr-danger-70), var(--clr-danger-30));
  --scale-danger-80: light-dark(var(--clr-danger-80), var(--clr-danger-20));
  --scale-danger-90: light-dark(var(--clr-danger-90), var(--clr-danger-10));
  --scale-danger-95: light-dark(var(--clr-danger-95), var(--clr-danger-5));
  --scale-gray-0: light-dark(var(--clr-gray-0), var(--clr-gray-100));
  --scale-gray-5: light-dark(var(--clr-gray-5), var(--clr-gray-95));
  --scale-gray-10: light-dark(var(--clr-gray-10), var(--clr-gray-90));
  --scale-gray-20: light-dark(var(--clr-gray-20), var(--clr-gray-80));
  --scale-gray-30: light-dark(var(--clr-gray-30), var(--clr-gray-70));
  --scale-gray-40: light-dark(var(--clr-gray-40), var(--clr-gray-60));
  --scale-gray-50: var(--clr-gray-50);
  --scale-gray-60: light-dark(var(--clr-gray-60), var(--clr-gray-40));
  --scale-gray-70: light-dark(var(--clr-gray-70), var(--clr-gray-30));
  --scale-gray-80: light-dark(var(--clr-gray-80), var(--clr-gray-20));
  --scale-gray-90: light-dark(var(--clr-gray-90), var(--clr-gray-10));
  --scale-gray-95: light-dark(var(--clr-gray-95), var(--clr-gray-5));
  --scale-gray-100: light-dark(var(--clr-gray-100), var(--clr-gray-0));
  --scale-pop-5: light-dark(var(--clr-pop-5), var(--clr-pop-95));
  --scale-pop-10: light-dark(var(--clr-pop-10), var(--clr-pop-90));
  --scale-pop-20: light-dark(var(--clr-pop-20), var(--clr-pop-80));
  --scale-pop-30: light-dark(var(--clr-pop-30), var(--clr-pop-70));
  --scale-pop-40: light-dark(var(--clr-pop-40), var(--clr-pop-60));
  --scale-pop-50: var(--clr-pop-50);
  --scale-pop-60: light-dark(var(--clr-pop-60), var(--clr-pop-40));
  --scale-pop-70: light-dark(var(--clr-pop-70), var(--clr-pop-30));
  --scale-pop-80: light-dark(var(--clr-pop-80), var(--clr-pop-20));
  --scale-pop-90: light-dark(var(--clr-pop-90), var(--clr-pop-10));
  --scale-pop-95: light-dark(var(--clr-pop-95), var(--clr-pop-5));
  --scale-purple-5: light-dark(var(--clr-purple-5), var(--clr-purple-95));
  --scale-purple-10: light-dark(var(--clr-purple-10), var(--clr-purple-90));
  --scale-purple-20: light-dark(var(--clr-purple-20), var(--clr-purple-80));
  --scale-purple-30: light-dark(var(--clr-purple-30), var(--clr-purple-70));
  --scale-purple-40: light-dark(var(--clr-purple-40), var(--clr-purple-60));
  --scale-purple-50: var(--clr-purple-50);
  --scale-purple-60: light-dark(var(--clr-purple-60), var(--clr-purple-40));
  --scale-purple-70: light-dark(var(--clr-purple-70), var(--clr-purple-30));
  --scale-purple-80: light-dark(var(--clr-purple-80), var(--clr-purple-20));
  --scale-purple-90: light-dark(var(--clr-purple-90), var(--clr-purple-10));
  --scale-purple-95: light-dark(var(--clr-purple-95), var(--clr-purple-5));
  --scale-safe-5: light-dark(var(--clr-safe-5), var(--clr-safe-95));
  --scale-safe-10: light-dark(var(--clr-safe-10), var(--clr-safe-90));
  --scale-safe-20: light-dark(var(--clr-safe-20), var(--clr-safe-80));
  --scale-safe-30: light-dark(var(--clr-safe-30), var(--clr-safe-70));
  --scale-safe-40: light-dark(var(--clr-safe-40), var(--clr-safe-60));
  --scale-safe-50: var(--clr-safe-50);
  --scale-safe-60: light-dark(var(--clr-safe-60), var(--clr-safe-40));
  --scale-safe-70: light-dark(var(--clr-safe-70), var(--clr-safe-30));
  --scale-safe-80: light-dark(var(--clr-safe-80), var(--clr-safe-20));
  --scale-safe-90: light-dark(var(--clr-safe-90), var(--clr-safe-10));
  --scale-safe-95: light-dark(var(--clr-safe-95), var(--clr-safe-5));
  --scale-warn-5: light-dark(var(--clr-warn-5), var(--clr-warn-95));
  --scale-warn-10: light-dark(var(--clr-warn-10), var(--clr-warn-90));
  --scale-warn-20: light-dark(var(--clr-warn-20), var(--clr-warn-80));
  --scale-warn-30: light-dark(var(--clr-warn-30), var(--clr-warn-70));
  --scale-warn-40: light-dark(var(--clr-warn-40), var(--clr-warn-60));
  --scale-warn-50: var(--clr-warn-50);
  --scale-warn-60: light-dark(var(--clr-warn-60), var(--clr-warn-40));
  --scale-warn-70: light-dark(var(--clr-warn-70), var(--clr-warn-30));
  --scale-warn-80: light-dark(var(--clr-warn-80), var(--clr-warn-20));
  --scale-warn-90: light-dark(var(--clr-warn-90), var(--clr-warn-10));
  --scale-warn-95: light-dark(var(--clr-warn-95), var(--clr-warn-5));
  --shadow-clr: light-dark(hsl(0 0.0% 0.0% / 0.1), hsl(0 0.0% 0.0% / 0.5));
  --size-button: 1.75rem;
  --size-icon: 1rem;
  --size-tag: 1.25rem;
  --text-1: light-dark(var(--clr-gray-5), var(--clr-gray-95));
  --text-1-invert: light-dark(var(--clr-gray-95), var(--clr-gray-5));
  --text-2: light-dark(var(--clr-gray-50), var(--clr-gray-60));
  --text-2-invert: light-dark(var(--clr-gray-60), var(--clr-gray-50));
  --text-3: light-dark(var(--clr-gray-60), var(--clr-gray-40));
  --text-3-invert: light-dark(var(--clr-gray-40), var(--clr-gray-60));
  --text-danger: var(--clr-danger-50);
  --text-fontfamily-accent: But Head;
  --text-fontfamily-base: Inter;
  --text-fontfamily-mono: Geist Mono;
  --text-lineheight-accent: 94%;
  --text-lineheight-body: 160%;
  --text-lineheight-default: 120%;
  --text-pop: light-dark(var(--clr-pop-40), var(--clr-pop-50));
  --text-purple: light-dark(var(--clr-purple-40), var(--clr-purple-50));
  --text-safe: light-dark(var(--clr-safe-40), var(--clr-safe-50));
  --text-warn: light-dark(var(--clr-warn-40), var(--clr-warn-50));
  --text-weight-bold: 700;
  --text-weight-regular: 460;
  --text-weight-semibold: 600;
  --tooltip-bg: light-dark(var(--clr-gray-95), var(--clr-gray-10));
  --tooltip-border: light-dark(var(--clr-gray-80), var(--clr-gray-30));
  /* shadow vars */
  --shadow-s: 0px 4px 14px 0px var(--shadow-clr);
  --shadow-m: 0px 6px 30px 0px var(--shadow-clr);
  --shadow-l: 0px 10px 40px 0px var(--shadow-clr);
}

:root.light {
  color-scheme: light;
}

:root.dark {
  color-scheme: dark;
}