:root {
  --vv-border-radius: .25rem;
  --vv-border-radius-l: .5rem;
  --vv-border-radius-xl: 1rem;
  --vv-border-radius-xxl: 1.5rem;
  --vv-transition-duration-fast: .2s;
  --vv-transition-duration-default: .3s;
  --vv-transition-duration-slow: .5s;
  --vv-brand-primary: #51b13e;
  --vv-brand-secondary: #CEDC21;
  --vv-brand-tertiary: #1e7a44;
  --vv-brand-dark: #0F3B21;
  --vv-white: #ffffff;
  --vv-white-rgb: 255, 255, 255;
  --vv-black: #000000;
  --vv-black-rgb: 0, 0, 0;
  --vv-primary-100: #DBEAFE;
  --vv-primary-200: #BFDBFE;
  --vv-primary-300: #93C5FD;
  --vv-primary-400: #60A5FA;
  --vv-primary-500: #3B82F6;
  --vv-primary-600: #2563EB;
  --vv-primary-700: #1D4ED8;
  --vv-primary-800: #1E40AF;
  --vv-primary-900: #1E3A8A;
  --vv-primary-rgb: 59,130,246;
  --vv-primary-rgb-800: 30,64,175;
  --vv-blue-100: #DBEAFE;
  --vv-blue-200: #BFDBFE;
  --vv-blue-300: #93C5FD;
  --vv-blue-400: #60A5FA;
  --vv-blue-500: #3B82F6;
  --vv-blue-600: #2563EB;
  --vv-blue-700: #1D4ED8;
  --vv-blue-800: #1E40AF;
  --vv-blue-900: #1E3A8A;
  --vv-blue-rgb: 59,130,246;
  --vv-blue-rgb-800: 30,64,175;
  --vv-cyan-100: #CFFAFE;
  --vv-cyan-200: #A5F3FC;
  --vv-cyan-300: #67E8F9;
  --vv-cyan-400: #22D3EE;
  --vv-cyan-500: #06B6D4;
  --vv-cyan-600: #0891B2;
  --vv-cyan-700: #0E7490;
  --vv-cyan-800: #155E75;
  --vv-cyan-900: #164E63;
  --vv-cyan-rgb: 6,182,212;
  --vv-cyan-rgb-800: 21,94,117;
  --vv-green-100: #DCFCE7;
  --vv-green-200: #BBF7D0;
  --vv-green-300: #86EFAC;
  --vv-green-400: #4ADE80;
  --vv-green-500: #22C55E;
  --vv-green-600: #16A34A;
  --vv-green-700: #15803D;
  --vv-green-800: #166534;
  --vv-green-900: #14532D;
  --vv-green-rgb: 34,197,94;
  --vv-green-rgb-800: 22,101,52;
  --vv-indigo-100: #E0E7FF;
  --vv-indigo-200: #C7D2FE;
  --vv-indigo-300: #A5B4FC;
  --vv-indigo-400: #818CF8;
  --vv-indigo-500: #6366F1;
  --vv-indigo-600: #4F46E5;
  --vv-indigo-700: #4338CA;
  --vv-indigo-800: #3730A3;
  --vv-indigo-900: #312E81;
  --vv-indigo-rgb: 99,102,241;
  --vv-indigo-rgb-800: 55,48,163;
  --vv-lime-100: #ECFCCB;
  --vv-lime-200: #D9F99D;
  --vv-lime-300: #BEF264;
  --vv-lime-400: #A3E635;
  --vv-lime-500: #84CC16;
  --vv-lime-600: #65A30D;
  --vv-lime-700: #4D7C0F;
  --vv-lime-800: #3F6212;
  --vv-lime-900: #365314;
  --vv-lime-rgb: 132,204,22;
  --vv-lime-rgb-800: 63,98,18;
  --vv-neutral-dark-100: #F0F6FC;
  --vv-neutral-dark-200: #C9D1D9;
  --vv-neutral-dark-300: #B1BAC4;
  --vv-neutral-dark-400: #8B949E;
  --vv-neutral-dark-500: #6E7681;
  --vv-neutral-dark-600: #484F58;
  --vv-neutral-dark-700: #30363D;
  --vv-neutral-dark-800: #21262D;
  --vv-neutral-dark-900: #161B22;
  --vv-neutral-dark-rgb: 110,118,129;
  --vv-neutral-dark-rgb-800: 33,38,45;
  --vv-neutral-light-100: #f8f9fa;
  --vv-neutral-light-200: #e9ecef;
  --vv-neutral-light-300: #dee2e6;
  --vv-neutral-light-400: #ced4da;
  --vv-neutral-light-500: #8f979e;
  --vv-neutral-light-600: #6c757d;
  --vv-neutral-light-700: #495057;
  --vv-neutral-light-800: #343a40;
  --vv-neutral-light-900: #292929;
  --vv-neutral-light-rgb: 143,151,158;
  --vv-neutral-light-rgb-800: 52,58,64;
  --vv-orange-100: #FFEDD5;
  --vv-orange-200: #FED7AA;
  --vv-orange-300: #FDBA74;
  --vv-orange-400: #FB923C;
  --vv-orange-500: #F97316;
  --vv-orange-600: #EA580C;
  --vv-orange-700: #C2410C;
  --vv-orange-800: #9A3412;
  --vv-orange-900: #7C2D12;
  --vv-orange-rgb: 249,115,22;
  --vv-orange-rgb-800: 154,52,18;
  --vv-pink-100: #FCE7F3;
  --vv-pink-200: #FBCFE8;
  --vv-pink-300: #F9A8D4;
  --vv-pink-400: #F472B6;
  --vv-pink-500: #EC4899;
  --vv-pink-600: #DB2777;
  --vv-pink-700: #BE185D;
  --vv-pink-800: #9D174D;
  --vv-pink-900: #831843;
  --vv-pink-rgb: 236,72,153;
  --vv-pink-rgb-800: 157,23,77;
  --vv-purple-100: #F3E8FF;
  --vv-purple-200: #E9D5FF;
  --vv-purple-300: #D8B4FE;
  --vv-purple-400: #C084FC;
  --vv-purple-500: #A855F7;
  --vv-purple-600: #9333EA;
  --vv-purple-700: #7E22CE;
  --vv-purple-800: #6B21A8;
  --vv-purple-900: #581C87;
  --vv-purple-rgb: 168,85,247;
  --vv-purple-rgb-800: 107,33,168;
  --vv-red-100: #FEE2E2;
  --vv-red-200: #FECACA;
  --vv-red-300: #FCA5A5;
  --vv-red-400: #F87171;
  --vv-red-500: #EF4444;
  --vv-red-600: #DC2626;
  --vv-red-700: #B91C1C;
  --vv-red-800: #991B1B;
  --vv-red-900: #7F1D1D;
  --vv-red-rgb: 239,68,68;
  --vv-red-rgb-800: 153,27,27;
  --vv-rose-100: #FFE4E6;
  --vv-rose-200: #FECDD3;
  --vv-rose-300: #FDA4AF;
  --vv-rose-400: #FB7185;
  --vv-rose-500: #F43F5E;
  --vv-rose-600: #E11D48;
  --vv-rose-700: #BE123C;
  --vv-rose-800: #9F1239;
  --vv-rose-900: #881337;
  --vv-rose-rgb: 244,63,94;
  --vv-rose-rgb-800: 159,18,57;
  --vv-sky-100: #E0F2FE;
  --vv-sky-200: #BAE6FD;
  --vv-sky-300: #7DD3FC;
  --vv-sky-400: #38BDF8;
  --vv-sky-500: #0EA5E9;
  --vv-sky-600: #0284C7;
  --vv-sky-700: #0369A1;
  --vv-sky-800: #075985;
  --vv-sky-900: #0C4A6E;
  --vv-sky-rgb: 14,165,233;
  --vv-sky-rgb-800: 7,89,133;
  --vv-teal-100: #CCFBF1;
  --vv-teal-200: #99F6E4;
  --vv-teal-300: #5EEAD4;
  --vv-teal-400: #2DD4BF;
  --vv-teal-500: #14B8A6;
  --vv-teal-600: #0D9488;
  --vv-teal-700: #0F766E;
  --vv-teal-800: #115E59;
  --vv-teal-900: #134E4A;
  --vv-teal-rgb: 20,184,166;
  --vv-teal-rgb-800: 17,94,89;
  --vv-yellow-100: #FEF9C3;
  --vv-yellow-200: #FEF08A;
  --vv-yellow-300: #FDE047;
  --vv-yellow-400: #FACC15;
  --vv-yellow-500: #EAB308;
  --vv-yellow-600: #CA8A04;
  --vv-yellow-700: #A16207;
  --vv-yellow-800: #854D0E;
  --vv-yellow-900: #713F12;
  --vv-yellow-rgb: 234,179,8;
  --vv-yellow-rgb-800: 133,77,14;
  --vv-space-xs: 4px;
  --vv-space-s: 8px;
  --vv-space-m: 16px;
  --vv-space-l: 32px;
  --vv-space-xl: 64px;
  --vv-space-xxl: 80px;
  --vv-font-family-base: "Open Sans", "Helvetica Neue", Arial, sans-serif;
  --vv-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --vv-font-size-xs: 10px;
  --vv-font-size-s: 12px;
  --vv-font-size-m: 14px;
  --vv-font-size-l: 18px;
  --vv-font-size-xl: 36px;
  --vv-font-size-xxl: 45px;
  --vv-font-weight-normal: 400;
  --vv-font-weight-semibold: 600;
  --vv-font-weight-bold: 700;
  --vv-neutral-100: var(--vv-neutral-light-100);
  --vv-neutral-200: var(--vv-neutral-light-200);
  --vv-neutral-300: var(--vv-neutral-light-300);
  --vv-neutral-400: var(--vv-neutral-light-400);
  --vv-neutral-500: var(--vv-neutral-light-500);
  --vv-neutral-600: var(--vv-neutral-light-600);
  --vv-neutral-700: var(--vv-neutral-light-700);
  --vv-neutral-800: var(--vv-neutral-light-800);
  --vv-neutral-900: var(--vv-neutral-light-900);
  --vv-font-size-base: var(--vv-font-size-m);
  --vv-bg-tile: var(--vv-neutral-100);
  --vv-bg-dark: var(--vv-brand-dark);
  --vv-body-bg: var(--vv-white);
  --vv-body-bg-light: var(--vv-neutral-100);
  --vv-body-bg-medium: var(--vv-neutral-200);
  --vv-body-bg-striped: var(--vv-neutral-200);
  --vv-body-bg-hover: var(--vv-white);
  --vv-body-bg-active: var(--vv-primary);
  --vv-body-bg-rgb: 248, 249, 250;
  --vv-body-border-light: var(--vv-neutral-200);
  --vv-body-border-medium: var(--vv-neutral-300);
  --vv-body-text: var(--vv-neutral-900);
  --vv-body-text-striped: var(--vv-body-text);
  --vv-body-text-hover: var(--vv-body-text);
  --vv-body-text-active: var(--vv-white);
  --vv-body-text-muted: var(--vv-neutral-500);
  --vv-body-text-rgb: 41, 41, 41;
  --vv-body-link: var(--vv-primary);
  --vv-body-link-accent: var(--vv-primary);
  --vv-body-shadow: rgba(25, 135, 84, 0.33);
  --vv-wizard-bg: var(--vv-body-bg);
  --vv-wizard-text: var(--vv-body-text);
  --vv-header-bg: var(--vv-neutral-100);
  --vv-header-text: var(--vv-body-text);
  --vv-header-link: var(--vv-header-text);
  --vv-header-link-accent: var(--vv-primary);
  --vv-header-link-active: var(--vv-primary);
  --vv-nav-link: var(--vv-neutral-600);
  --vv-nav-link-accent: var(--vv-neutral-700);
  --vv-nav-link-active: var(--vv-neutral-900);
  --vv-nav-bg: transparent;
  --vv-nav-bg-hover: transparent;
  --vv-nav-bg-active: transparent;
  --vv-nav-border: transparent;
  --vv-nav-border-hover: transparent;
  --vv-nav-border-active: var(--vv-primary);
  --vv-form-bg: var(--vv-white);
  --vv-form-bg-hover: var(--vv-form-bg);
  --vv-form-bg-addon: var(--vv-neutral-300);
  --vv-form-bg-disabled: var(--vv-neutral-200);
  --vv-form-text: var(--vv-neutral-900);
  --vv-form-text-label: var(--vv-neutral-700);
  --vv-form-text-addon: var(--vv-neutral-700);
  --vv-form-border: var(--vv-neutral-300);
  --vv-form-border-focus: var(--vv-form-border);
  --vv-form-border-active: var(--vv-form-border);
  --vv-form-border-disabled: var(--vv-form-border);
  --vv-form-shadow-focus: var(--vv-primary-shadow);
  --vv-form-shadow-valid: var(--vv-success-shadow);
  --vv-form-shadow-invalid: var(--vv-danger-shadow);
  --vv-footer-bg: var(--vv-body-bg);
  --vv-footer-text: var(--vv-neutral-500);
  --vv-footer-link: var(--vv-neutral-500);
  --vv-footer-link-accent: var(--vv-neutral-600);
  --vv-code-text: var(--vv-body-text);
  --vv-code-bg: transparent;
  --vv-pre-text: var(--vv-white);
  --vv-pre-bg: var(--vv-neutral-900);
  --vv-primary: var(--vv-brand-primary);
  --vv-primary-accent: var(--vv-brand-tertiary);
  --vv-primary-text: var(--vv-white);
  --vv-primary-text-hover: var(--vv-white);
  --vv-primary-text-active: var(--vv-white);
  --vv-primary-bg-hover: var(--vv-primary-accent);
  --vv-primary-bg-active: var(--vv-primary-accent);
  --vv-primary-border: var(--vv-primary);
  --vv-primary-border-hover: var(--vv-primary-bg-hover);
  --vv-primary-border-active: var(--vv-primary-bg-active);
  --vv-primary-dim-bg: var(--vv-primary-500);
  --vv-primary-dim-bg-striped: var(--vv-primary-400);
  --vv-primary-dim-bg-hover: var(--vv-primary-600);
  --vv-primary-dim-bg-active: var(--vv-primary-700);
  --vv-primary-dim-border: var(--vv-primary-dim-bg);
  --vv-primary-dim-border-active: var(--vv-primary-dim-bg-active);
  --vv-primary-dim-text: var(--vv-white);
  --vv-primary-dim-text-striped: var(--vv-primary-dim-text);
  --vv-primary-dim-text-hover: var(--vv-primary-dim-text);
  --vv-primary-dim-text-active: var(--vv-primary-900);
  --vv-primary-shadow: rgba(25, 135, 84, 0.33);
  --vv-primary-rgb: 81, 177, 62;
  --vv-secondary: var(--vv-white);
  --vv-secondary-accent: var(--vv-secondary);
  --vv-secondary-text: var(--vv-primary);
  --vv-secondary-text-hover: var(--vv-brand-dark);
  --vv-secondary-text-active: var(--vv-brand-dark);
  --vv-secondary-bg-hover: var(--vv-secondary-accent);
  --vv-secondary-bg-active: var(--vv-secondary-accent);
  --vv-secondary-border: var(--vv-neutral-300);
  --vv-secondary-border-hover: var(--vv-neutral-400);
  --vv-secondary-border-active: var(--vv-neutral-500);
  --vv-secondary-dim-bg: var(--vv-neutral-200);
  --vv-secondary-dim-bg-striped: var(--vv-neutral-300);
  --vv-secondary-dim-bg-hover: var(--vv-neutral-300);
  --vv-secondary-dim-bg-active: var(--vv-neutral-400);
  --vv-secondary-dim-border: var(--vv-secondary-dim-bg);
  --vv-secondary-dim-border-active: var(--vv-secondary-dim-bg-active);
  --vv-secondary-dim-text: var(--vv-neutral-800);
  --vv-secondary-dim-text-striped: var(--vv-secondary-dim-text);
  --vv-secondary-dim-text-hover: var(--vv-secondary-dim-text);
  --vv-secondary-dim-text-active: var(--vv-neutral-900);
  --vv-secondary-shadow: rgba(130, 138, 145, 0.33);
  --vv-secondary-rgb: 255, 255, 255;
  --vv-success: var(--vv-green-500);
  --vv-success-accent: var(--vv-green-700);
  --vv-success-text: var(--vv-white);
  --vv-success-text-hover: var(--vv-white);
  --vv-success-text-active: var(--vv-white);
  --vv-success-bg-hover: var(--vv-success-accent);
  --vv-success-bg-active: var(--vv-success-accent);
  --vv-success-border: var(--vv-success);
  --vv-success-border-hover: var(--vv-success-bg-hover);
  --vv-success-border-active: var(--vv-success-bg-active);
  --vv-success-dim-bg: var(--vv-green-100);
  --vv-success-dim-bg-striped: var(--vv-green-200);
  --vv-success-dim-bg-hover: var(--vv-green-200);
  --vv-success-dim-bg-active: var(--vv-green-300);
  --vv-success-dim-border: var(--vv-success-dim-bg);
  --vv-success-dim-border-active: var(--vv-success-dim-bg-active);
  --vv-success-dim-text: var(--vv-green-800);
  --vv-success-dim-text-striped: var(--vv-success-dim-text);
  --vv-success-dim-text-hover: var(--vv-success-dim-text);
  --vv-success-dim-text-active: var(--vv-green-900);
  --vv-success-shadow: rgba(60, 153, 110, 0.33);
  --vv-success-rgb: var(--vv-green-rgb);
  --vv-info: var(--vv-blue-500);
  --vv-info-accent: var(--vv-blue-700);
  --vv-info-text: var(--vv-white);
  --vv-info-text-hover: var(--vv-white);
  --vv-info-text-active: var(--vv-white);
  --vv-info-bg-hover: var(--vv-info-accent);
  --vv-info-bg-active: var(--vv-info-accent);
  --vv-info-border: var(--vv-info);
  --vv-info-border-hover: var(--vv-info-bg-hover);
  --vv-info-border-active: var(--vv-info-bg-active);
  --vv-info-dim-bg: var(--vv-blue-100);
  --vv-info-dim-bg-striped: var(--vv-blue-200);
  --vv-info-dim-bg-hover: var(--vv-blue-200);
  --vv-info-dim-bg-active: var(--vv-blue-300);
  --vv-info-dim-border: var(--vv-info-dim-bg);
  --vv-info-dim-border-active: var(--vv-info-dim-bg-active);
  --vv-info-dim-text: var(--vv-blue-800);
  --vv-info-dim-text-striped: var(--vv-info-dim-text);
  --vv-info-dim-text-hover: var(--vv-info-dim-text);
  --vv-info-dim-text-active: var(--vv-blue-900);
  --vv-info-shadow: rgba(11, 172, 204, 0.33);
  --vv-info-rgb: var(--vv-blue-rgb);
  --vv-warning: var(--vv-yellow-500);
  --vv-warning-accent: var(--vv-yellow-700);
  --vv-warning-text: var(--vv-neutral-900);
  --vv-warning-text-hover: var(--vv-neutral-900);
  --vv-warning-text-active: var(--vv-neutral-900);
  --vv-warning-bg-hover: var(--vv-warning-accent);
  --vv-warning-bg-active: var(--vv-warning-accent);
  --vv-warning-border: var(--vv-warning);
  --vv-warning-border-hover: var(--vv-warning-bg-hover);
  --vv-warning-border-active: var(--vv-warning-bg-active);
  --vv-warning-dim-bg: var(--vv-yellow-100);
  --vv-warning-dim-bg-striped: var(--vv-yellow-200);
  --vv-warning-dim-bg-hover: var(--vv-yellow-200);
  --vv-warning-dim-bg-active: var(--vv-yellow-300);
  --vv-warning-dim-border: var(--vv-warning-dim-bg);
  --vv-warning-dim-border-active: var(--vv-warning-dim-bg-active);
  --vv-warning-dim-text: var(--vv-neutral-800);
  --vv-warning-dim-text-striped: var(--vv-warning-dim-text);
  --vv-warning-dim-text-hover: var(--vv-warning-dim-text);
  --vv-warning-dim-text-active: var(--vv-yellow-900);
  --vv-warning-shadow: rgba(217, 164, 6, 0.33);
  --vv-warning-rgb: var(--vv-yellow-rgb);
  --vv-danger: var(--vv-red-500);
  --vv-danger-accent: var(--vv-red-700);
  --vv-danger-text: var(--vv-white);
  --vv-danger-text-hover: var(--vv-white);
  --vv-danger-text-active: var(--vv-white);
  --vv-danger-bg-hover: var(--vv-danger-accent);
  --vv-danger-bg-active: var(--vv-danger-accent);
  --vv-danger-border: var(--vv-danger);
  --vv-danger-border-hover: var(--vv-danger-bg-hover);
  --vv-danger-border-active: var(--vv-danger-bg-active);
  --vv-danger-dim-bg: var(--vv-red-100);
  --vv-danger-dim-bg-striped: var(--vv-red-200);
  --vv-danger-dim-bg-hover: var(--vv-red-200);
  --vv-danger-dim-bg-active: var(--vv-red-300);
  --vv-danger-dim-border: var(--vv-danger-dim-bg);
  --vv-danger-dim-border-active: var(--vv-danger-dim-bg-active);
  --vv-danger-dim-text: var(--vv-red-800);
  --vv-danger-dim-text-striped: var(--vv-danger-dim-text);
  --vv-danger-dim-text-hover: var(--vv-danger-dim-text);
  --vv-danger-dim-text-active: var(--vv-red-900);
  --vv-danger-shadow: rgba(225, 83, 97, 0.33);
  --vv-danger-rgb: var(--vv-red-rgb);
  --vv-light: var(--vv-neutral-200);
  --vv-light-accent: var(--vv-neutral-400);
  --vv-light-text: var(--vv-neutral-800);
  --vv-light-text-hover: var(--vv-neutral-800);
  --vv-light-text-active: var(--vv-neutral-800);
  --vv-light-bg-hover: var(--vv-light-accent);
  --vv-light-bg-active: var(--vv-light-accent);
  --vv-light-border: var(--vv-light);
  --vv-light-border-hover: var(--vv-light-bg-hover);
  --vv-light-border-active: var(--vv-light-bg-active);
  --vv-light-dim-bg: var(--vv-white);
  --vv-light-dim-bg-striped: var(--vv-neutral-200);
  --vv-light-dim-bg-hover: var(--vv-neutral-200);
  --vv-light-dim-bg-active: var(--vv-neutral-300);
  --vv-light-dim-border: var(--vv-light-dim-bg);
  --vv-light-dim-border-active: var(--vv-light-dim-bg-active);
  --vv-light-dim-text: var(--vv-neutral-800);
  --vv-light-dim-text-striped: var(--vv-light-dim-text);
  --vv-light-dim-text-hover: var(--vv-light-dim-text);
  --vv-light-dim-text-active: var(--vv-neutral-900);
  --vv-light-shadow: rgba(211, 212, 213, 0.33);
  --vv-light-rgb: 233, 236, 239;
  --vv-dark: var(--vv-neutral-800);
  --vv-dark-accent: var(--vv-black);
  --vv-dark-text: var(--vv-neutral-200);
  --vv-dark-text-hover: var(--vv-neutral-200);
  --vv-dark-text-active: var(--vv-neutral-200);
  --vv-dark-bg-hover: var(--vv-dark-accent);
  --vv-dark-bg-active: var(--vv-dark-accent);
  --vv-dark-border: var(--vv-dark);
  --vv-dark-border-hover: var(--vv-dark-bg-hover);
  --vv-dark-border-active: var(--vv-dark-bg-active);
  --vv-dark-dim-bg: var(--vv-neutral-900);
  --vv-dark-dim-bg-striped: var(--vv-neutral-900);
  --vv-dark-dim-bg-hover: var(--vv-neutral-800);
  --vv-dark-dim-bg-active: var(--vv-neutral-700);
  --vv-dark-dim-border: var(--vv-dark-dim-bg);
  --vv-dark-dim-border-active: var(--vv-dark-dim-bg-active);
  --vv-dark-dim-text: var(--vv-neutral-200);
  --vv-dark-dim-text-striped: var(--vv-dark-dim-text);
  --vv-dark-dim-text-hover: var(--vv-dark-dim-text);
  --vv-dark-dim-text-active: var(--vv-neutral-100);
  --vv-dark-shadow: rgba(66, 70, 73, 0.33);
  --vv-dark-rgb: 33, 38, 45;
}

:root[data-theme="dark"],
:root[data-vv-theme="dark"] {
  --vv-neutral-100: var(--vv-neutral-dark-100);
  --vv-neutral-200: var(--vv-neutral-dark-200);
  --vv-neutral-300: var(--vv-neutral-dark-300);
  --vv-neutral-400: var(--vv-neutral-dark-400);
  --vv-neutral-500: var(--vv-neutral-dark-500);
  --vv-neutral-600: var(--vv-neutral-dark-600);
  --vv-neutral-700: var(--vv-neutral-dark-700);
  --vv-neutral-800: var(--vv-neutral-dark-800);
  --vv-neutral-900: var(--vv-neutral-dark-900);
  --vv-neutral-950: #0D1117;
  --vv-bg-dark: var(--vv-neutral-950);
  --vv-bg-tile: var(--vv-bg-dark);
  --vv-body-bg: var(--vv-neutral-900);
  --vv-body-bg-light: var(--vv-neutral-950);
  --vv-body-bg-medium: var(--vv-neutral-800);
  --vv-body-bg-striped: var(--vv-neutral-800);
  --vv-body-bg-hover: var(--vv-neutral-950);
  --vv-body-bg-active: var(--vv-neutral-700);
  --vv-body-bg-rgb: 41, 41, 41;
  --vv-body-border-light: var(--vv-neutral-800);
  --vv-body-border-medium: var(--vv-neutral-700);
  --vv-body-text: var(--vv-white);
  --vv-body-text-rgb: 255, 255, 255;
  --vv-form-text-label: var(--vv-neutral-300);
  --vv-header-bg: var(--vv-bg-dark);
  --vv-nav-link: var(--vv-neutral-500);
  --vv-nav-link-accent: var(--vv-neutral-300);
  --vv-nav-link-active: var(--vv-white);
  --vv-footer-text: var(--vv-neutral-400);
  --vv-footer-link: var(--vv-neutral-400);
  --vv-footer-link-accent: var(--vv-neutral-200);
  --vv-pre-bg: var(--vv-bg-dark);
  --vv-secondary: transparent;
  --vv-secondary-text-hover: var(--vv-primary);
  --vv-secondary-text-active: var(--vv-primary);
  --vv-secondary-border: var(--vv-neutral-700);
  --vv-secondary-border-hover: var(--vv-neutral-600);
  --vv-secondary-border-active: var(--vv-neutral-500);
  --vv-light: var(--vv-neutral-800);
  --vv-light-accent: var(--vv-black);
  --vv-light-text: var(--vv-neutral-200);
  --vv-light-text-hover: var(--vv-neutral-200);
  --vv-light-text-active: var(--vv-neutral-200);
  --vv-light-bg-hover: var(--vv-light-accent);
  --vv-light-bg-active: var(--vv-light-accent);
  --vv-light-border: var(--vv-light);
  --vv-light-border-hover: var(--vv-light-bg-hover);
  --vv-light-border-active: var(--vv-light-bg-active);
  --vv-light-dim-bg: var(--vv-neutral-950);
  --vv-light-dim-bg-striped: var(--vv-neutral-900);
  --vv-light-dim-bg-hover: var(--vv-neutral-800);
  --vv-light-dim-bg-active: var(--vv-neutral-700);
  --vv-light-dim-border: var(--vv-light-dim-bg);
  --vv-light-dim-border-active: var(--vv-light-dim-bg-active);
  --vv-light-dim-text: var(--vv-neutral-200);
  --vv-light-dim-text-striped: var(--vv-light-dim-text);
  --vv-light-dim-text-hover: var(--vv-light-dim-text);
  --vv-light-dim-text-active: var(--vv-neutral-100);
  --vv-light-shadow: rgba(66, 70, 73, 0.33);
  --vv-light-rgb: 33, 38, 45;
  --vv-dark: var(--vv-neutral-200);
  --vv-dark-accent: var(--vv-neutral-400);
  --vv-dark-text: var(--vv-neutral-800);
  --vv-dark-text-hover: var(--vv-neutral-800);
  --vv-dark-text-active: var(--vv-neutral-800);
  --vv-dark-bg-hover: var(--vv-dark-accent);
  --vv-dark-bg-active: var(--vv-dark-accent);
  --vv-dark-border: var(--vv-dark);
  --vv-dark-border-hover: var(--vv-dark-bg-hover);
  --vv-dark-border-active: var(--vv-dark-bg-active);
  --vv-dark-dim-bg: var(--vv-white);
  --vv-dark-dim-bg-striped: var(--vv-neutral-200);
  --vv-dark-dim-bg-hover: var(--vv-neutral-200);
  --vv-dark-dim-bg-active: var(--vv-neutral-300);
  --vv-dark-dim-border: var(--vv-dark-dim-bg);
  --vv-dark-dim-border-active: var(--vv-dark-dim-bg-active);
  --vv-dark-dim-text: var(--vv-neutral-800);
  --vv-dark-dim-text-striped: var(--vv-dark-dim-text);
  --vv-dark-dim-text-hover: var(--vv-dark-dim-text);
  --vv-dark-dim-text-active: var(--vv-neutral-900);
  --vv-dark-shadow: rgba(211, 212, 213, 0.33);
  --vv-dark-rgb: 201, 209, 217;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-vv-theme],
[data-theme]) {
    --vv-neutral-100: var(--vv-neutral-dark-100);
    --vv-neutral-200: var(--vv-neutral-dark-200);
    --vv-neutral-300: var(--vv-neutral-dark-300);
    --vv-neutral-400: var(--vv-neutral-dark-400);
    --vv-neutral-500: var(--vv-neutral-dark-500);
    --vv-neutral-600: var(--vv-neutral-dark-600);
    --vv-neutral-700: var(--vv-neutral-dark-700);
    --vv-neutral-800: var(--vv-neutral-dark-800);
    --vv-neutral-900: var(--vv-neutral-dark-900);
    --vv-neutral-950: #0D1117;
    --vv-bg-dark: var(--vv-neutral-950);
    --vv-bg-tile: var(--vv-bg-dark);
    --vv-body-bg: var(--vv-neutral-900);
    --vv-body-bg-light: var(--vv-neutral-950);
    --vv-body-bg-medium: var(--vv-neutral-800);
    --vv-body-bg-striped: var(--vv-neutral-800);
    --vv-body-bg-hover: var(--vv-neutral-950);
    --vv-body-bg-active: var(--vv-neutral-700);
    --vv-body-bg-rgb: 41, 41, 41;
    --vv-body-border-light: var(--vv-neutral-800);
    --vv-body-border-medium: var(--vv-neutral-700);
    --vv-body-text: var(--vv-white);
    --vv-body-text-rgb: 255, 255, 255;
    --vv-form-text-label: var(--vv-neutral-300);
    --vv-header-bg: var(--vv-bg-dark);
    --vv-nav-link: var(--vv-neutral-500);
    --vv-nav-link-accent: var(--vv-neutral-300);
    --vv-nav-link-active: var(--vv-white);
    --vv-footer-text: var(--vv-neutral-400);
    --vv-footer-link: var(--vv-neutral-400);
    --vv-footer-link-accent: var(--vv-neutral-200);
    --vv-pre-bg: var(--vv-bg-dark);
    --vv-secondary: transparent;
    --vv-secondary-text-hover: var(--vv-primary);
    --vv-secondary-text-active: var(--vv-primary);
    --vv-secondary-border: var(--vv-neutral-700);
    --vv-secondary-border-hover: var(--vv-neutral-600);
    --vv-secondary-border-active: var(--vv-neutral-500);
    --vv-light: var(--vv-neutral-800);
    --vv-light-accent: var(--vv-black);
    --vv-light-text: var(--vv-neutral-200);
    --vv-light-text-hover: var(--vv-neutral-200);
    --vv-light-text-active: var(--vv-neutral-200);
    --vv-light-bg-hover: var(--vv-light-accent);
    --vv-light-bg-active: var(--vv-light-accent);
    --vv-light-border: var(--vv-light);
    --vv-light-border-hover: var(--vv-light-bg-hover);
    --vv-light-border-active: var(--vv-light-bg-active);
    --vv-light-dim-bg: var(--vv-neutral-950);
    --vv-light-dim-bg-striped: var(--vv-neutral-900);
    --vv-light-dim-bg-hover: var(--vv-neutral-800);
    --vv-light-dim-bg-active: var(--vv-neutral-700);
    --vv-light-dim-border: var(--vv-light-dim-bg);
    --vv-light-dim-border-active: var(--vv-light-dim-bg-active);
    --vv-light-dim-text: var(--vv-neutral-200);
    --vv-light-dim-text-striped: var(--vv-light-dim-text);
    --vv-light-dim-text-hover: var(--vv-light-dim-text);
    --vv-light-dim-text-active: var(--vv-neutral-100);
    --vv-light-shadow: rgba(66, 70, 73, 0.33);
    --vv-light-rgb: 33, 38, 45;
    --vv-dark: var(--vv-neutral-200);
    --vv-dark-accent: var(--vv-neutral-400);
    --vv-dark-text: var(--vv-neutral-800);
    --vv-dark-text-hover: var(--vv-neutral-800);
    --vv-dark-text-active: var(--vv-neutral-800);
    --vv-dark-bg-hover: var(--vv-dark-accent);
    --vv-dark-bg-active: var(--vv-dark-accent);
    --vv-dark-border: var(--vv-dark);
    --vv-dark-border-hover: var(--vv-dark-bg-hover);
    --vv-dark-border-active: var(--vv-dark-bg-active);
    --vv-dark-dim-bg: var(--vv-white);
    --vv-dark-dim-bg-striped: var(--vv-neutral-200);
    --vv-dark-dim-bg-hover: var(--vv-neutral-200);
    --vv-dark-dim-bg-active: var(--vv-neutral-300);
    --vv-dark-dim-border: var(--vv-dark-dim-bg);
    --vv-dark-dim-border-active: var(--vv-dark-dim-bg-active);
    --vv-dark-dim-text: var(--vv-neutral-800);
    --vv-dark-dim-text-striped: var(--vv-dark-dim-text);
    --vv-dark-dim-text-hover: var(--vv-dark-dim-text);
    --vv-dark-dim-text-active: var(--vv-neutral-900);
    --vv-dark-shadow: rgba(211, 212, 213, 0.33);
    --vv-dark-rgb: 201, 209, 217;
  }
}
