.v2-page {
  --font-gabarito: 'Gabarito', sans-serif;
  --font-capriola: 'Capriola', sans-serif;
  --background: 0 0% 98%;
  --foreground: 120 3% 20%;
  --card: 0 0% 100%;
  --card-foreground: 120 3% 20%;
  --popover: 0 0% 100%;
  --popover-foreground: 120 3% 20%;
  --primary: 142 71% 45%;
  --primary-foreground: 0 0% 100%;
  --primary-depth: 142 76% 36%;
  --primary-light: 142 71% 60%;
  --primary-dark: 144 61% 18%;
  --secondary: 198 93% 60%;
  --secondary-foreground: 0 0% 100%;
  --secondary-depth: 199 89% 48%;
  --muted: 150 7% 94%;
  --muted-foreground: 141 6% 45%;
  --accent: 150 7% 94%;
  --accent-foreground: 120 3% 20%;
  --highlight: 327 87% 82%;
  --highlight-foreground: 0 0% 100%;
  --highlight-depth: 329 86% 70%;
  --super: 271 91% 65%;
  --super-foreground: 0 0% 100%;
  --super-depth: 271 81% 56%;
  --destructive: 0 100% 65%;
  --destructive-foreground: 0 0% 100%;
  --destructive-depth: 0 82% 54%;
  --disabled: 160 6% 90%;
  --disabled-foreground: 120 3% 50%;
  --loading: 160 6% 90%;
  --border: 160 6% 90%;
  --input: 144 6% 83%;
  --ring: 142 71% 45%;
  --radius: 0.5rem;
  font-family: var(--font-gabarito), sans-serif;
  color: hsl(var(--foreground));
}

.dark .v2-page {
  --background: 214 60% 12%;
  --foreground: 210 40% 96%;
  --card: 214 60% 15%;
  --card-foreground: 210 40% 96%;
  --popover: 214 60% 15%;
  --popover-foreground: 210 40% 96%;
  --primary: 142 71% 45%;
  --primary-foreground: 120 9% 2%;
  --secondary: 198 93% 60%;
  --secondary-foreground: 240 9% 2%;
  --muted: 214 50% 20%;
  --muted-foreground: 215 20% 65%;
  --accent: 214 50% 20%;
  --accent-foreground: 210 40% 96%;
  --super: 271 91% 65%;
  --super-foreground: 0 0% 100%;
  --super-depth: 271 81% 56%;
  --destructive: 0 100% 65%;
  --destructive-foreground: 0 0% 100%;
  --destructive-depth: 0 82% 54%;
  --disabled: 214 50% 18%;
  --disabled-foreground: 215 20% 40%;
  --loading: 214 50% 18%;
  --border: 214 50% 20%;
  --input: 214 50% 20%;
  --ring: 142 71% 45%;
}

.v2-page * {
  border-color: hsl(var(--border));
}