:root {
  /* warning-base-500 */
  --tw-warning-base: #F77F00;
  --tw-warning-25: oklch(from color-mix(in oklch, var(--tw-warning-500) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-warning-50: oklch(from color-mix(in oklch, var(--tw-warning-500) 10%, var(--tw-white)) l calc(c * 1) h);
  --tw-warning-100: oklch(from color-mix(in oklch, var(--tw-warning-500) 20%, var(--tw-white)) l calc(c * 1) h);
  --tw-warning-200: oklch(from color-mix(in oklch, var(--tw-warning-500) 40%, var(--tw-white)) l calc(c * 1) h);
  --tw-warning-300: oklch(from color-mix(in oklch, var(--tw-warning-500) 60%, var(--tw-white)) l calc(c * 1) h);
  --tw-warning-400: oklch(from color-mix(in oklch, var(--tw-warning-500) 80%, var(--tw-white)) l calc(c * 1) h);
  --tw-warning-500: #F77F00;
  --tw-warning-600: oklch(from color-mix(in oklch, var(--tw-warning-500) 90%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-warning-700: oklch(from color-mix(in oklch, var(--tw-warning-500) 80%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-warning-800: oklch(from color-mix(in oklch, var(--tw-warning-500) 70%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-warning-900: oklch(from color-mix(in oklch, var(--tw-warning-500) 60%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-warning-950: oklch(from color-mix(in oklch, var(--tw-warning-500) 45%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-warning-975: oklch(from color-mix(in oklch, var(--tw-warning-500) 35%, var(--tw-black)) l calc(c * 1.1) h);

  /* danger-base-500 */
  --tw-danger-base: #E63946;
  --tw-danger-25: oklch(from color-mix(in oklch, var(--tw-danger-500) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-danger-50: oklch(from color-mix(in oklch, var(--tw-danger-500) 10%, var(--tw-white)) l calc(c * 1) h);
  --tw-danger-100: oklch(from color-mix(in oklch, var(--tw-danger-500) 20%, var(--tw-white)) l calc(c * 1) h);
  --tw-danger-200: oklch(from color-mix(in oklch, var(--tw-danger-500) 40%, var(--tw-white)) l calc(c * 1) h);
  --tw-danger-300: oklch(from color-mix(in oklch, var(--tw-danger-500) 60%, var(--tw-white)) l calc(c * 1) h);
  --tw-danger-400: oklch(from color-mix(in oklch, var(--tw-danger-500) 80%, var(--tw-white)) l calc(c * 1) h);
  --tw-danger-500: #E63946;
  --tw-danger-600: oklch(from color-mix(in oklch, var(--tw-danger-500) 90%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-danger-700: oklch(from color-mix(in oklch, var(--tw-danger-500) 80%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-danger-800: oklch(from color-mix(in oklch, var(--tw-danger-500) 70%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-danger-900: oklch(from color-mix(in oklch, var(--tw-danger-500) 60%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-danger-950: oklch(from color-mix(in oklch, var(--tw-danger-500) 45%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-danger-975: oklch(from color-mix(in oklch, var(--tw-danger-500) 35%, var(--tw-black)) l calc(c * 1.1) h);

  /* success-base-500 */
  --tw-success-base: #00C896;
  --tw-success-25: oklch(from color-mix(in oklch, var(--tw-success-500) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-success-50: oklch(from color-mix(in oklch, var(--tw-success-500) 10%, var(--tw-white)) l calc(c * 1) h);
  --tw-success-100: oklch(from color-mix(in oklch, var(--tw-success-500) 20%, var(--tw-white)) l calc(c * 1) h);
  --tw-success-200: oklch(from color-mix(in oklch, var(--tw-success-500) 40%, var(--tw-white)) l calc(c * 1) h);
  --tw-success-300: oklch(from color-mix(in oklch, var(--tw-success-500) 60%, var(--tw-white)) l calc(c * 1) h);
  --tw-success-400: oklch(from color-mix(in oklch, var(--tw-success-500) 80%, var(--tw-white)) l calc(c * 1) h);
  --tw-success-500: #00C896;
  --tw-success-600: oklch(from color-mix(in oklch, var(--tw-success-500) 90%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-success-700: oklch(from color-mix(in oklch, var(--tw-success-500) 80%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-success-800: oklch(from color-mix(in oklch, var(--tw-success-500) 70%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-success-900: oklch(from color-mix(in oklch, var(--tw-success-500) 60%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-success-950: oklch(from color-mix(in oklch, var(--tw-success-500) 45%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-success-975: oklch(from color-mix(in oklch, var(--tw-success-500) 35%, var(--tw-black)) l calc(c * 1.1) h);

  /* info-base-500 */
  --tw-info-base: #00A8BA;
  --tw-info-25: oklch(from color-mix(in oklch, var(--tw-info-500) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-info-50: oklch(from color-mix(in oklch, var(--tw-info-500) 10%, var(--tw-white)) l calc(c * 1) h);
  --tw-info-100: oklch(from color-mix(in oklch, var(--tw-info-500) 20%, var(--tw-white)) l calc(c * 1) h);
  --tw-info-200: oklch(from color-mix(in oklch, var(--tw-info-500) 40%, var(--tw-white)) l calc(c * 1) h);
  --tw-info-300: oklch(from color-mix(in oklch, var(--tw-info-500) 60%, var(--tw-white)) l calc(c * 1) h);
  --tw-info-400: oklch(from color-mix(in oklch, var(--tw-info-500) 80%, var(--tw-white)) l calc(c * 1) h);
  --tw-info-500: #00A8BA;
  --tw-info-600: oklch(from color-mix(in oklch, var(--tw-info-500) 90%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-info-700: oklch(from color-mix(in oklch, var(--tw-info-500) 80%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-info-800: oklch(from color-mix(in oklch, var(--tw-info-500) 70%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-info-900: oklch(from color-mix(in oklch, var(--tw-info-500) 60%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-info-950: oklch(from color-mix(in oklch, var(--tw-info-500) 45%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-info-975: oklch(from color-mix(in oklch, var(--tw-info-500) 35%, var(--tw-black)) l calc(c * 1.1) h);

  /* surface-base-400 */
  --tw-surface-base: #808a9b;
  --tw-surface-25: oklch(from color-mix(in oklch, var(--tw-surface-400) 4%, var(--tw-white)) l calc(c * 1) h);
  --tw-surface-50: oklch(from color-mix(in oklch, var(--tw-surface-400) 12%, var(--tw-white)) l calc(c * 1) h);
  --tw-surface-100: oklch(from color-mix(in oklch, var(--tw-surface-400) 25%, var(--tw-white)) l calc(c * 1) h);
  --tw-surface-200: oklch(from color-mix(in oklch, var(--tw-surface-400) 50%, var(--tw-white)) l calc(c * 1) h);
  --tw-surface-300: oklch(from color-mix(in oklch, var(--tw-surface-400) 75%, var(--tw-white)) l calc(c * 1) h);
  --tw-surface-400: #808a9b;
  --tw-surface-500: oklch(from color-mix(in oklch, var(--tw-surface-400) 88.5%, var(--tw-black)) l calc(c * 1.3) h);
  --tw-surface-600: oklch(from color-mix(in oklch, var(--tw-surface-400) 78.5%, var(--tw-black)) l calc(c * 1.4) h);
  --tw-surface-700: oklch(from color-mix(in oklch, var(--tw-surface-400) 70.5%, var(--tw-black)) l calc(c * 1.5) h);
  --tw-surface-800: oklch(from color-mix(in oklch, var(--tw-surface-400) 62%, var(--tw-black)) l calc(c * 1.6) h);
  --tw-surface-900: oklch(from color-mix(in oklch, var(--tw-surface-400) 53%, var(--tw-black)) l calc(c * 1.7) h);
  --tw-surface-950: oklch(from color-mix(in oklch, var(--tw-surface-400) 40%, var(--tw-black)) l calc(c * 1.8) h);
  --tw-surface-975: oklch(from color-mix(in oklch, var(--tw-surface-400) 31%, var(--tw-black)) l calc(c * 1.9) h);

  /* text-base-800 */
  --tw-text-base: #222629;
  --tw-text-25: oklch(from color-mix(in oklch, var(--tw-text-800) 2%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-50: oklch(from color-mix(in oklch, var(--tw-text-800) 6%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-100: oklch(from color-mix(in oklch, var(--tw-text-800) 15%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-200: oklch(from color-mix(in oklch, var(--tw-text-800) 26%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-300: oklch(from color-mix(in oklch, var(--tw-text-800) 37%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-400: oklch(from color-mix(in oklch, var(--tw-text-800) 48%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-500: oklch(from color-mix(in oklch, var(--tw-text-800) 59%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-600: oklch(from color-mix(in oklch, var(--tw-text-800) 72%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-700: oklch(from color-mix(in oklch, var(--tw-text-800) 85.5%, var(--tw-white)) l calc(c * 1) h);
  --tw-text-800: #222629;
  --tw-text-900: oklch(from color-mix(in oklch, var(--tw-text-800) 87.5%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-text-950: oklch(from color-mix(in oklch, var(--tw-text-800) 75%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-text-975: oklch(from color-mix(in oklch, var(--tw-text-800) 56%, var(--tw-black)) l calc(c * 1.1) h);

  /* accent-base-600 */
  --tw-accent-base: #8817B5;
  --tw-accent-25: oklch(from color-mix(in oklch, var(--tw-accent-600) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-50: oklch(from color-mix(in oklch, var(--tw-accent-600) 9%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-100: oklch(from color-mix(in oklch, var(--tw-accent-600) 18%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-200: oklch(from color-mix(in oklch, var(--tw-accent-600) 35%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-300: oklch(from color-mix(in oklch, var(--tw-accent-600) 52%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-400: oklch(from color-mix(in oklch, var(--tw-accent-600) 70%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-500: oklch(from color-mix(in oklch, var(--tw-accent-600) 86%, var(--tw-white)) l calc(c * 1) h);
  --tw-accent-600: #8817B5;
  --tw-accent-700: oklch(from color-mix(in oklch, var(--tw-accent-600) 89%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-accent-800: oklch(from color-mix(in oklch, var(--tw-accent-600) 78%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-accent-900: oklch(from color-mix(in oklch, var(--tw-accent-600) 67%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-accent-950: oklch(from color-mix(in oklch, var(--tw-accent-600) 50%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-accent-975: oklch(from color-mix(in oklch, var(--tw-accent-600) 38%, var(--tw-black)) l calc(c * 1.1) h);

  /* secondary-base-600 */
  --tw-secondary-base: #0066CC;
  --tw-secondary-25: oklch(from color-mix(in oklch, var(--tw-secondary-600) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-50: oklch(from color-mix(in oklch, var(--tw-secondary-600) 9%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-100: oklch(from color-mix(in oklch, var(--tw-secondary-600) 18%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-200: oklch(from color-mix(in oklch, var(--tw-secondary-600) 35%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-300: oklch(from color-mix(in oklch, var(--tw-secondary-600) 52%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-400: oklch(from color-mix(in oklch, var(--tw-secondary-600) 70%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-500: oklch(from color-mix(in oklch, var(--tw-secondary-600) 86%, var(--tw-white)) l calc(c * 1) h);
  --tw-secondary-600: #0066CC;
  --tw-secondary-700: oklch(from color-mix(in oklch, var(--tw-secondary-600) 89%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-secondary-800: oklch(from color-mix(in oklch, var(--tw-secondary-600) 78%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-secondary-900: oklch(from color-mix(in oklch, var(--tw-secondary-600) 67%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-secondary-950: oklch(from color-mix(in oklch, var(--tw-secondary-600) 50%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-secondary-975: oklch(from color-mix(in oklch, var(--tw-secondary-600) 38%, var(--tw-black)) l calc(c * 1.1) h);

  /* primary-base-500 */
  --tw-primary-base: #00B8CC;
  --tw-primary-25: oklch(from color-mix(in oklch, var(--tw-primary-500) 3%, var(--tw-white)) l calc(c * 1) h);
  --tw-primary-50: oklch(from color-mix(in oklch, var(--tw-primary-500) 10%, var(--tw-white)) l calc(c * 1) h);
  --tw-primary-100: oklch(from color-mix(in oklch, var(--tw-primary-500) 20%, var(--tw-white)) l calc(c * 1) h);
  --tw-primary-200: oklch(from color-mix(in oklch, var(--tw-primary-500) 40%, var(--tw-white)) l calc(c * 1) h);
  --tw-primary-300: oklch(from color-mix(in oklch, var(--tw-primary-500) 60%, var(--tw-white)) l calc(c * 1) h);
  --tw-primary-400: oklch(from color-mix(in oklch, var(--tw-primary-500) 80%, var(--tw-white)) l calc(c * 1) h);
  --tw-primary-500: #00B8CC;
  --tw-primary-600: oklch(from color-mix(in oklch, var(--tw-primary-500) 90%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-primary-700: oklch(from color-mix(in oklch, var(--tw-primary-500) 80%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-primary-800: oklch(from color-mix(in oklch, var(--tw-primary-500) 70%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-primary-900: oklch(from color-mix(in oklch, var(--tw-primary-500) 60%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-primary-950: oklch(from color-mix(in oklch, var(--tw-primary-500) 45%, var(--tw-black)) l calc(c * 1.1) h);
  --tw-primary-975: oklch(from color-mix(in oklch, var(--tw-primary-500) 35%, var(--tw-black)) l calc(c * 1.1) h);

  /* Button: text (base-800) */
  --bs-btn-text-dark-4: var(--tw-text-975);
  --bs-btn-text-dark-3: var(--tw-text-975);
  --bs-btn-text-dark-2: var(--tw-text-950);
  --bs-btn-text-dark-1: var(--tw-text-900);
  --bs-btn-text-base: var(--tw-text-800);
  --bs-btn-text-light-1: var(--tw-text-700);
  --bs-btn-text-light-2: var(--tw-text-600);
  --bs-btn-text-light-3: var(--tw-text-500);
  --bs-btn-text-light-4: var(--tw-text-400);

  /* Button: primary (base-500) */
  --bs-btn-primary-dark-4: var(--tw-primary-900);
  --bs-btn-primary-dark-3: var(--tw-primary-800);
  --bs-btn-primary-dark-2: var(--tw-primary-700);
  --bs-btn-primary-dark-1: var(--tw-primary-600);
  --bs-btn-primary-base: var(--tw-primary-500);
  --bs-btn-primary-light-1: var(--tw-primary-400);
  --bs-btn-primary-light-2: var(--tw-primary-300);
  --bs-btn-primary-light-3: var(--tw-primary-200);
  --bs-btn-primary-light-4: var(--tw-primary-100);

  /* Button: secondary (base-600) */
  --bs-btn-secondary-dark-4: var(--tw-secondary-950);
  --bs-btn-secondary-dark-3: var(--tw-secondary-900);
  --bs-btn-secondary-dark-2: var(--tw-secondary-800);
  --bs-btn-secondary-dark-1: var(--tw-secondary-700);
  --bs-btn-secondary-base: var(--tw-secondary-600);
  --bs-btn-secondary-light-1: var(--tw-secondary-500);
  --bs-btn-secondary-light-2: var(--tw-secondary-400);
  --bs-btn-secondary-light-3: var(--tw-secondary-300);
  --bs-btn-secondary-light-4: var(--tw-secondary-200);

  /* Button: accent (base-600) */
  --bs-btn-accent-dark-4: var(--tw-accent-950);
  --bs-btn-accent-dark-3: var(--tw-accent-900);
  --bs-btn-accent-dark-2: var(--tw-accent-800);
  --bs-btn-accent-dark-1: var(--tw-accent-700);
  --bs-btn-accent-base: var(--tw-accent-600);
  --bs-btn-accent-light-1: var(--tw-accent-500);
  --bs-btn-accent-light-2: var(--tw-accent-400);
  --bs-btn-accent-light-3: var(--tw-accent-300);
  --bs-btn-accent-light-4: var(--tw-accent-200);

  /* Button: surface (base-400) */
  --bs-btn-surface-dark-4: var(--tw-surface-800);
  --bs-btn-surface-dark-3: var(--tw-surface-700);
  --bs-btn-surface-dark-2: var(--tw-surface-600);
  --bs-btn-surface-dark-1: var(--tw-surface-500);
  --bs-btn-surface-base: var(--tw-surface-400);
  --bs-btn-surface-light-1: var(--tw-surface-300);
  --bs-btn-surface-light-2: var(--tw-surface-200);
  --bs-btn-surface-light-3: var(--tw-surface-100);
  --bs-btn-surface-light-4: var(--tw-surface-50);

--settings-navbar-nav-color: var(--bs-primary-base);
--settings-main-navbar-nav-link-border-radius: 50rem;
--settings-video-radius: var(--bs-border-radius-2);
--settings-image-radius: var(--bs-border-radius-2);
--settings-main-navbar-padding-y: 2.5rem;
--settings-logo-height: 2.25rem;
--settings-font-weight-light: 300;
--settings-h3-font-weight: 500;
--settings-h2-font-weight: 500;
--settings-h1-font-weight: 500;
--settings-h6-font-size: 0.75rem;
--settings-h5-font-size: 0.75rem;
--settings-h4-font-size: 1rem;
--settings-h3-font-size: 1.25rem;
--settings-h2-font-size: 1.5rem;
--settings-h1-font-size: 2.375rem;
--settings-btn-border-radius: 50rem;
--settings-font-sans-serif: Roboto;
--settings-image-blog-radius: var(--bs-border-radius-0);
--settings-image-blog-ratio: 16 / 9;
--settings-font-size-extra-small: 0.75rem;
--settings-font-size-small: 0.875rem;
--settings-font-size-normal: 1rem;
--settings-font-size-medium: 1.125rem;
--settings-font-size-large: 1.25rem;
--settings-h6-text-transform: none;
--settings-h6-font-weight: 700;
--settings-h6-font-family: var(--bs-font-sans-serif);
--settings-h5-text-transform: uppercase;
--settings-h5-font-weight: 700;
--settings-h5-font-family: var(--bs-font-sans-serif);
--settings-h4-text-transform: none;
--settings-h4-font-weight: 700;
--settings-h4-font-family: var(--bs-font-sans-serif);
--settings-h3-text-transform: none;
--settings-h3-font-family: var(--bs-font-sans-serif);
--settings-h2-text-transform: none;
--settings-h2-font-family: var(--bs-font-sans-serif);
--settings-h1-text-transform: none;
--settings-h1-font-family: var(--bs-font-sans-serif);
--settings-font-weight-bold: 700;
--settings-body-font-family: var(--bs-font-sans-serif);
--settings-body-font-size: 16px;
--settings-font-monospace: NotoSansMono;
--settings-font-serif: NotoSerif;
--settings-card-image-ratio: auto;
--settings-video-ratio: auto;
--settings-image-ratio: auto;
--settings-btn-font-weight: 700;
--settings-main-navbar-nav-link-margin-x: 0.625rem;
--settings-main-navbar-nav-font-size: 0.875rem;
--settings-main-navbar-nav-font-weight: 700;
}