:root {
  --primary: #00ede1;
  --primary-rgb: 0 237 225;
  --secondary: #443a84;
  --secondary-rgb: 25 0 81;
  --success: #9ec200;
  --info: #00ede1;
  --warning: #edc300;
  --danger: #e74c3c;
  --light: #f8f9fa;
  --dark: #212529;
  --color-1: var(--primary);
  --color-2: var(--secondary);
  --color-3: #212529;
  --brand-teal: #00bcc1;
  --brand-purple: #443a84;
  --brand-pale: #e5f8f9;
  --surface-soft: #e5fdfc;
  --radius-pill: 999px;
  --input-border-color-subtle: rgb(var(--secondary-rgb) / 20%);
  --form-error-surface: #fff1f1;
  --form-error-ink: #7a1f36;
  --font-nav: "Manrope", system-ui, sans-serif;
  --logo-size: 12rem;
  --page-max-width: 90rem;
  --page-inline-padding: 3rem;
  --header-padding-block: 0.9rem;
  --header-padding-inline: var(--page-inline-padding, 3rem);
  --logo-max-inline: 12rem;
  --logo-max-block: 3.5rem;
  --size-header: calc(var(--logo-max-block) + (2 * var(--header-padding-block)));
  --hero-min-block-size: 70vh;
  --hero-padding-inline: 2.5rem;
  --hero-padding-block: 3.5rem;
  --hero-content-max-inline: 35rem;
  --hero-text-color: #fff;
  --hero-accent-color: var(--primary);
  --hero-overlay-gradient: linear-gradient(to left, rgb(0 0 0 / 70%) 0%, rgb(0 0 0 / 45%) 50%, transparent 100%);
  --hero-image-position: 30% 20%;
  --hero-text-shadow: 0 2px 4px rgb(0 0 0 / 35%);
  --z-backdrop: 949;
  --z-nav-panel: 950;
  --z-nav-button: 951;
  --test-property: "test value";

  --bs-white: var(--hero-text-color);
  --bs-black: #000;
  --bs-primary: var(--primary);
  --bs-secondary: var(--secondary);
  --bs-success: var(--success);
  --bs-info: var(--info);
  --bs-warning: var(--warning);
  --bs-danger: var(--danger);
  --bs-light: var(--light);
  --bs-dark: #343a40;
  --bs-color-1: var(--color-1);
  --bs-color-2: var(--color-2);
  --bs-color-3: var(--color-3);
  --bs-gray-100: var(--light);
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: var(--dark);
  --bs-spacer: 1rem;
  --bs-font-family-base: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --bs-font-family-headline: "Reddit Sans Condensed", "Manrope", sans-serif;
  --bs-font-size-base: 1.125rem;
  --bs-font-size-sm: 1.00125rem;
  --bs-font-size-lg: 1.6875rem;
  --bs-line-height-base: 1.5;
  --bs-font-weight-normal: 400;
  --bs-font-weight-bold: 700;
  --bs-border-width: 0;
  --bs-border-width-xs: 0.0625rem;
  --bs-border-radius: 0.25rem;
  --bs-border-radius-sm: 0.2rem;
  --bs-border-radius-lg: 0.3rem;
  --bs-border-radius-xl: 1.75rem;
  --bs-input-border-color: var(--bs-gray-200);
  --bs-input-border-width: 0.0625rem;
  --bs-input-border-radius: 3.125rem;
  --bs-focus-width: 0.2rem;
  --bs-focus-color: rgb(var(--secondary-rgb) / 25%);
}