:root {
  /* surface-base-800 */
  --tw-surface-base: #262d38;
  --tw-surface-25: #FAFAFB;
  --tw-surface-50: #F2F2F4;
  --tw-surface-100: #E1E2E4;
  --tw-surface-200: #C3C5C9;
  --tw-surface-300: #A6AAAF;
  --tw-surface-400: #8A8F95;
  --tw-surface-500: #6F757D;
  --tw-surface-600: #565C65;
  --tw-surface-700: #3D444E;
  --tw-surface-800: #262D38;
  --tw-surface-900: #1F2630;
  --tw-surface-950: #181D26;
  --tw-surface-975: #0A0D13;

  /* warning-base-500 */
  --tw-warning-base: #F77F00;
  --tw-warning-25: #FFFAF2;
  --tw-warning-50: #FFEEE1;
  --tw-warning-100: #FFE5D5;
  --tw-warning-200: #FFCDAD;
  --tw-warning-300: #FEB483;
  --tw-warning-400: #FB9A55;
  --tw-warning-500: #F77F00;
  --tw-warning-600: #D56500;
  --tw-warning-700: #AE5100;
  --tw-warning-800: #883E00;
  --tw-warning-900: #642C00;
  --tw-warning-950: #321300;
  --tw-warning-975: #1B0700;

  /* danger-base-500 */
  --tw-danger-base: #E63946;
  --tw-danger-25: #FFF9F8;
  --tw-danger-50: #FFEFEE;
  --tw-danger-100: #FFDBD9;
  --tw-danger-200: #FEB7B3;
  --tw-danger-300: #F9928F;
  --tw-danger-400: #F16A6B;
  --tw-danger-500: #E63946;
  --tw-danger-600: #CB1E34;
  --tw-danger-700: #A91729;
  --tw-danger-800: #88111F;
  --tw-danger-900: #680A16;
  --tw-danger-950: #3C0308;
  --tw-danger-975: #210103;

  /* success-base-500 */
  --tw-success-base: #00C896;
  --tw-success-25: #F1FEF8;
  --tw-success-50: #E4F8EF;
  --tw-success-100: #D9F2E7;
  --tw-success-200: #B5E8D2;
  --tw-success-300: #8EDEBE;
  --tw-success-400: #61D3AA;
  --tw-success-500: #00C896;
  --tw-success-600: #00A97B;
  --tw-success-700: #008963;
  --tw-success-800: #006A4C;
  --tw-success-900: #004D36;
  --tw-success-950: #002418;
  --tw-success-975: #00120A;

  /* info-base-500 */
  --tw-info-base: #00A8BA;
  --tw-info-25: #F2FCFE;
  --tw-info-50: #E6F6F9;
  --tw-info-100: #D8EEF1;
  --tw-info-200: #B1DDE3;
  --tw-info-300: #88CBD6;
  --tw-info-400: #5ABAC8;
  --tw-info-500: #00A8BA;
  --tw-info-600: #008FA0;
  --tw-info-700: #007583;
  --tw-info-800: #005B67;
  --tw-info-900: #00444C;
  --tw-info-950: #002228;
  --tw-info-975: #001114;

  /* text-base-800 */
  --tw-text-base: #222629;
  --tw-text-25: #FAFAFA;
  --tw-text-50: #F2F2F3;
  --tw-text-100: #E0E1E1;
  --tw-text-200: #C2C3C4;
  --tw-text-300: #A4A6A8;
  --tw-text-400: #888A8C;
  --tw-text-500: #6C6F72;
  --tw-text-600: #525658;
  --tw-text-700: #393D40;
  --tw-text-800: #222629;
  --tw-text-900: #1B1F22;
  --tw-text-950: #15181A;
  --tw-text-975: #0B0E0F;

  /* accent-base-600 */
  --tw-accent-base: #8817B5;
  --tw-accent-25: #FEF7FF;
  --tw-accent-50: #F8EEFF;
  --tw-accent-100: #EBDCF5;
  --tw-accent-200: #D8B9EA;
  --tw-accent-300: #C496DE;
  --tw-accent-400: #B072D1;
  --tw-accent-500: #9C4CC3;
  --tw-accent-600: #8817B5;
  --tw-accent-700: #7600A0;
  --tw-accent-800: #610084;
  --tw-accent-900: #4C0069;
  --tw-accent-950: #2F0043;
  --tw-accent-975: #190025;

  /* secondary-base-600 */
  --tw-secondary-base: #0066CC;
  --tw-secondary-25: #F5FBFF;
  --tw-secondary-50: #EAF3FF;
  --tw-secondary-100: #D8E6F9;
  --tw-secondary-200: #B2CDF2;
  --tw-secondary-300: #8CB4E9;
  --tw-secondary-400: #669BE0;
  --tw-secondary-500: #3E81D7;
  --tw-secondary-600: #0066CC;
  --tw-secondary-700: #0053B3;
  --tw-secondary-800: #004291;
  --tw-secondary-900: #003271;
  --tw-secondary-950: #001B44;
  --tw-secondary-975: #000C26;

  /* primary-base-500 */
  --tw-primary-base: #00B8CC;
  --tw-primary-25: #F1FDFF;
  --tw-primary-50: #E4F6F9;
  --tw-primary-100: #D9F0F4;
  --tw-primary-200: #B4E3EA;
  --tw-primary-300: #8CD5E0;
  --tw-primary-400: #5EC6D6;
  --tw-primary-500: #00B8CC;
  --tw-primary-600: #009BAE;
  --tw-primary-700: #007E8E;
  --tw-primary-800: #00626F;
  --tw-primary-900: #004751;
  --tw-primary-950: #002228;
  --tw-primary-975: #001114;

  /* Text color by contrast per shade (balanced) */
  --tw-surface-25-on: var(--bs-text-color-dark);
  --tw-surface-50-on: var(--bs-text-color-dark);
  --tw-surface-100-on: var(--bs-text-color-dark);
  --tw-surface-200-on: var(--bs-text-color-dark);
  --tw-surface-300-on: var(--bs-text-color-dark);
  --tw-surface-400-on: var(--bs-text-color-light);
  --tw-surface-500-on: var(--bs-text-color-light);
  --tw-surface-600-on: var(--bs-text-color-light);
  --tw-surface-700-on: var(--bs-text-color-light);
  --tw-surface-800-on: var(--bs-text-color-light);
  --tw-surface-900-on: var(--bs-text-color-light);
  --tw-surface-950-on: var(--bs-text-color-light);
  --tw-surface-975-on: var(--bs-text-color-light);
  --tw-warning-25-on: var(--bs-text-color-dark);
  --tw-warning-50-on: var(--bs-text-color-dark);
  --tw-warning-100-on: var(--bs-text-color-dark);
  --tw-warning-200-on: var(--bs-text-color-dark);
  --tw-warning-300-on: var(--bs-text-color-dark);
  --tw-warning-400-on: var(--bs-text-color-dark);
  --tw-warning-500-on: var(--bs-text-color-light);
  --tw-warning-600-on: var(--bs-text-color-light);
  --tw-warning-700-on: var(--bs-text-color-light);
  --tw-warning-800-on: var(--bs-text-color-light);
  --tw-warning-900-on: var(--bs-text-color-light);
  --tw-warning-950-on: var(--bs-text-color-light);
  --tw-warning-975-on: var(--bs-text-color-light);
  --tw-danger-25-on: var(--bs-text-color-dark);
  --tw-danger-50-on: var(--bs-text-color-dark);
  --tw-danger-100-on: var(--bs-text-color-dark);
  --tw-danger-200-on: var(--bs-text-color-dark);
  --tw-danger-300-on: var(--bs-text-color-dark);
  --tw-danger-400-on: var(--bs-text-color-light);
  --tw-danger-500-on: var(--bs-text-color-light);
  --tw-danger-600-on: var(--bs-text-color-light);
  --tw-danger-700-on: var(--bs-text-color-light);
  --tw-danger-800-on: var(--bs-text-color-light);
  --tw-danger-900-on: var(--bs-text-color-light);
  --tw-danger-950-on: var(--bs-text-color-light);
  --tw-danger-975-on: var(--bs-text-color-light);
  --tw-success-25-on: var(--bs-text-color-dark);
  --tw-success-50-on: var(--bs-text-color-dark);
  --tw-success-100-on: var(--bs-text-color-dark);
  --tw-success-200-on: var(--bs-text-color-dark);
  --tw-success-300-on: var(--bs-text-color-dark);
  --tw-success-400-on: var(--bs-text-color-dark);
  --tw-success-500-on: var(--bs-text-color-dark);
  --tw-success-600-on: var(--bs-text-color-light);
  --tw-success-700-on: var(--bs-text-color-light);
  --tw-success-800-on: var(--bs-text-color-light);
  --tw-success-900-on: var(--bs-text-color-light);
  --tw-success-950-on: var(--bs-text-color-light);
  --tw-success-975-on: var(--bs-text-color-light);
  --tw-info-25-on: var(--bs-text-color-dark);
  --tw-info-50-on: var(--bs-text-color-dark);
  --tw-info-100-on: var(--bs-text-color-dark);
  --tw-info-200-on: var(--bs-text-color-dark);
  --tw-info-300-on: var(--bs-text-color-dark);
  --tw-info-400-on: var(--bs-text-color-dark);
  --tw-info-500-on: var(--bs-text-color-light);
  --tw-info-600-on: var(--bs-text-color-light);
  --tw-info-700-on: var(--bs-text-color-light);
  --tw-info-800-on: var(--bs-text-color-light);
  --tw-info-900-on: var(--bs-text-color-light);
  --tw-info-950-on: var(--bs-text-color-light);
  --tw-info-975-on: var(--bs-text-color-light);
  --tw-text-25-on: var(--bs-text-color-dark);
  --tw-text-50-on: var(--bs-text-color-dark);
  --tw-text-100-on: var(--bs-text-color-dark);
  --tw-text-200-on: var(--bs-text-color-dark);
  --tw-text-300-on: var(--bs-text-color-dark);
  --tw-text-400-on: var(--bs-text-color-light);
  --tw-text-500-on: var(--bs-text-color-light);
  --tw-text-600-on: var(--bs-text-color-light);
  --tw-text-700-on: var(--bs-text-color-light);
  --tw-text-800-on: var(--bs-text-color-light);
  --tw-text-900-on: var(--bs-text-color-light);
  --tw-text-950-on: var(--bs-text-color-light);
  --tw-text-975-on: var(--bs-text-color-light);
  --tw-accent-25-on: var(--bs-text-color-dark);
  --tw-accent-50-on: var(--bs-text-color-dark);
  --tw-accent-100-on: var(--bs-text-color-dark);
  --tw-accent-200-on: var(--bs-text-color-dark);
  --tw-accent-300-on: var(--bs-text-color-dark);
  --tw-accent-400-on: var(--bs-text-color-light);
  --tw-accent-500-on: var(--bs-text-color-light);
  --tw-accent-600-on: var(--bs-text-color-light);
  --tw-accent-700-on: var(--bs-text-color-light);
  --tw-accent-800-on: var(--bs-text-color-light);
  --tw-accent-900-on: var(--bs-text-color-light);
  --tw-accent-950-on: var(--bs-text-color-light);
  --tw-accent-975-on: var(--bs-text-color-light);
  --tw-secondary-25-on: var(--bs-text-color-dark);
  --tw-secondary-50-on: var(--bs-text-color-dark);
  --tw-secondary-100-on: var(--bs-text-color-dark);
  --tw-secondary-200-on: var(--bs-text-color-dark);
  --tw-secondary-300-on: var(--bs-text-color-dark);
  --tw-secondary-400-on: var(--bs-text-color-light);
  --tw-secondary-500-on: var(--bs-text-color-light);
  --tw-secondary-600-on: var(--bs-text-color-light);
  --tw-secondary-700-on: var(--bs-text-color-light);
  --tw-secondary-800-on: var(--bs-text-color-light);
  --tw-secondary-900-on: var(--bs-text-color-light);
  --tw-secondary-950-on: var(--bs-text-color-light);
  --tw-secondary-975-on: var(--bs-text-color-light);
  --tw-primary-25-on: var(--bs-text-color-dark);
  --tw-primary-50-on: var(--bs-text-color-dark);
  --tw-primary-100-on: var(--bs-text-color-dark);
  --tw-primary-200-on: var(--bs-text-color-dark);
  --tw-primary-300-on: var(--bs-text-color-dark);
  --tw-primary-400-on: var(--bs-text-color-dark);
  --tw-primary-500-on: var(--bs-text-color-dark);
  --tw-primary-600-on: var(--bs-text-color-light);
  --tw-primary-700-on: var(--bs-text-color-light);
  --tw-primary-800-on: var(--bs-text-color-light);
  --tw-primary-900-on: var(--bs-text-color-light);
  --tw-primary-950-on: var(--bs-text-color-light);
  --tw-primary-975-on: var(--bs-text-color-light);
  --tw-surface-base-on: var(--bs-text-color-light);
  --tw-warning-base-on: var(--bs-text-color-light);
  --tw-danger-base-on: var(--bs-text-color-light);
  --tw-success-base-on: var(--bs-text-color-dark);
  --tw-info-base-on: var(--bs-text-color-light);
  --tw-text-base-on: var(--bs-text-color-light);
  --tw-accent-base-on: var(--bs-text-color-light);
  --tw-secondary-base-on: var(--bs-text-color-light);
  --tw-primary-base-on: var(--bs-text-color-dark);

  /* Button: text (base-800) */
  --bs-btn-text-dark-4: #040607;
  --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-base-on: var(--bs-text-color-dark);
  --bs-btn-primary-base-on-dark: ;
  --bs-btn-primary-light-1: var(--tw-primary-400);
  --bs-btn-primary-light-1-on: var(--bs-text-color-dark);
  --bs-btn-primary-light-2: var(--tw-primary-300);
  --bs-btn-primary-light-2-on: var(--bs-text-color-dark);
  --bs-btn-primary-light-3: var(--tw-primary-200);
  --bs-btn-primary-light-3-on: var(--bs-text-color-dark);
  --bs-btn-primary-light-4: var(--tw-primary-100);
  --bs-btn-primary-light-4-on: var(--bs-text-color-dark);

  /* 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-3-on: var(--bs-text-color-dark);
  --bs-btn-secondary-light-4: var(--tw-secondary-200);
  --bs-btn-secondary-light-4-on: var(--bs-text-color-dark);
  --bs-btn-secondary-ink-dark: var(--tw-secondary-400);
  --bs-btn-secondary-ink-dark-hover: var(--tw-secondary-100);
  --bs-btn-secondary-ink-dark-active: var(--tw-secondary-50);

  /* 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-3-on: var(--bs-text-color-dark);
  --bs-btn-accent-light-4: var(--tw-accent-200);
  --bs-btn-accent-light-4-on: var(--bs-text-color-dark);
  --bs-btn-accent-ink-dark: var(--tw-accent-300);
  --bs-btn-accent-ink-dark-hover: var(--tw-accent-50);
  --bs-btn-accent-ink-dark-active: var(--tw-accent-25);
  --bs-btn-accent-tonal-ink: var(--tw-accent-950);
  --bs-btn-accent-tonal-ink-hover: var(--tw-accent-950);
  --bs-btn-accent-tonal-ink-active: var(--tw-white);

  /* Button: surface (base-800) */
  --bs-btn-surface-dark-4: #04060A;
  --bs-btn-surface-dark-3: var(--tw-surface-975);
  --bs-btn-surface-dark-2: var(--tw-surface-950);
  --bs-btn-surface-dark-1: var(--tw-surface-900);
  --bs-btn-surface-base: var(--tw-surface-800);
  --bs-btn-surface-light-1: var(--tw-surface-700);
  --bs-btn-surface-light-2: var(--tw-surface-600);
  --bs-btn-surface-light-3: var(--tw-surface-500);
  --bs-btn-surface-light-4: var(--tw-surface-400);
  --bs-btn-surface-ink-dark: var(--tw-surface-300);
  --bs-btn-surface-ink-dark-hover: var(--tw-surface-200);
  --bs-btn-surface-ink-dark-active: var(--tw-surface-100);
  --bs-btn-surface-tonal-ink: var(--tw-white);
  --bs-btn-surface-tonal-ink-hover: var(--tw-white);
  --bs-btn-surface-tonal-ink-active: var(--tw-white);

  /* Button: info (base-600) */
  --bs-btn-info-dark-4: var(--tw-info-950);
  --bs-btn-info-dark-3: var(--tw-info-900);
  --bs-btn-info-dark-2: var(--tw-info-800);
  --bs-btn-info-dark-1: var(--tw-info-700);
  --bs-btn-info-base: var(--tw-info-600);
  --bs-btn-info-light-1: var(--tw-info-500);
  --bs-btn-info-light-2: var(--tw-info-400);
  --bs-btn-info-light-2-on: var(--bs-text-color-dark);
  --bs-btn-info-light-3: var(--tw-info-300);
  --bs-btn-info-light-3-on: var(--bs-text-color-dark);
  --bs-btn-info-light-4: var(--tw-info-200);
  --bs-btn-info-light-4-on: var(--bs-text-color-dark);
  --bs-btn-info-ink-dark: var(--tw-info-500);
  --bs-btn-info-ink-dark-hover: var(--tw-info-200);
  --bs-btn-info-ink-dark-active: var(--tw-info-100);

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

  /* Button: danger (base-600) */
  --bs-btn-danger-dark-4: var(--tw-danger-950);
  --bs-btn-danger-dark-3: var(--tw-danger-900);
  --bs-btn-danger-dark-2: var(--tw-danger-800);
  --bs-btn-danger-dark-1: var(--tw-danger-700);
  --bs-btn-danger-base: var(--tw-danger-600);
  --bs-btn-danger-light-1: var(--tw-danger-500);
  --bs-btn-danger-light-2: var(--tw-danger-400);
  --bs-btn-danger-light-3: var(--tw-danger-300);
  --bs-btn-danger-light-3-on: var(--bs-text-color-dark);
  --bs-btn-danger-light-4: var(--tw-danger-200);
  --bs-btn-danger-light-4-on: var(--bs-text-color-dark);
  --bs-btn-danger-ink-dark: var(--tw-danger-400);
  --bs-btn-danger-ink-dark-hover: var(--tw-danger-100);
  --bs-btn-danger-ink-dark-active: var(--tw-danger-50);

  /* Button: warning (base-600) */
  --bs-btn-warning-dark-4: var(--tw-warning-950);
  --bs-btn-warning-dark-3: var(--tw-warning-900);
  --bs-btn-warning-dark-2: var(--tw-warning-800);
  --bs-btn-warning-dark-1: var(--tw-warning-700);
  --bs-btn-warning-base: var(--tw-warning-600);
  --bs-btn-warning-light-1: var(--tw-warning-500);
  --bs-btn-warning-light-2: var(--tw-warning-400);
  --bs-btn-warning-light-2-on: var(--bs-text-color-dark);
  --bs-btn-warning-light-3: var(--tw-warning-300);
  --bs-btn-warning-light-3-on: var(--bs-text-color-dark);
  --bs-btn-warning-light-4: var(--tw-warning-200);
  --bs-btn-warning-light-4-on: var(--bs-text-color-dark);
  --bs-btn-warning-ink-dark: var(--tw-warning-500);
  --bs-btn-warning-ink-dark-hover: var(--tw-warning-200);
  --bs-btn-warning-ink-dark-active: var(--tw-warning-100);

  /* Focus: nearest step with 3 : 1 to the page, light and dark */
  --tw-focus-primary: var(--tw-primary-600);
  --tw-focus-primary-dark: var(--tw-primary-500);
  --tw-focus-secondary: var(--tw-secondary-600);
  --tw-focus-secondary-dark: var(--tw-secondary-600);
  --tw-focus-accent: var(--tw-accent-600);
  --tw-focus-accent-dark: var(--tw-accent-500);
  --tw-focus-surface: var(--tw-surface-800);
  --tw-focus-surface-dark: var(--tw-surface-500);
  --tw-focus-info: var(--tw-info-600);
  --tw-focus-info-dark: var(--tw-info-600);
  --tw-focus-success: var(--tw-success-600);
  --tw-focus-success-dark: var(--tw-success-600);
  --tw-focus-danger: var(--tw-danger-600);
  --tw-focus-danger-dark: var(--tw-danger-600);
  --tw-focus-warning: var(--tw-warning-600);
  --tw-focus-warning-dark: var(--tw-warning-600);

--settings-form-border-radius: var(--bs-border-radius-4);
--settings-font-size-large: 1.375rem;
--settings-h2-font-size: 2.625rem;
--settings-h1-font-size: 3.5rem;
--settings-card-border-radius: var(--bs-border-radius-4);
--settings-font-weight-light: 300;
--settings-h6-font-weight: 600;
--settings-h5-font-weight: 600;
--settings-h5-color: var(--bs-primary-base);
--settings-h1-font-weight: 600;
--settings-font-serif: AncizarSerif;
--settings-h5-text-transform: none;
--settings-main-navbar-nav-link-border-radius: var(--bs-border-radius-2);
--settings-video-radius: var(--bs-border-radius-4);
--settings-image-radius: var(--bs-border-radius-4);
--settings-main-navbar-padding-y: 2.5rem;
--settings-h2-font-weight: 600;
--settings-h4-font-size: 1rem;
--settings-h3-font-size: 1.25rem;
--settings-btn-border-radius: var(--bs-border-radius-4);
--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-h6-text-transform: none;
--settings-h6-font-size: 1rem;
--settings-h5-font-size: 0.938rem;
--settings-h4-text-transform: none;
--settings-h4-font-weight: 700;
--settings-h3-text-transform: none;
--settings-h3-font-weight: 700;
--settings-h2-text-transform: none;
--settings-h1-text-transform: none;
--settings-font-weight-bold: 700;
--settings-body-font-size: 16px;
--settings-font-monospace: NotoSansMono;
--settings-font-sans-serif: InterVariable;
--settings-body-color-dark: var(--tw-text-25);
--settings-body-bg-dark: var(--tw-surface-975);
--settings-body-color-light: var(--tw-text-900);
--settings-body-bg-light: var(--tw-white);
--settings-gradient-9: linear-gradient(120deg, var(--bs-accent-400) 0%, var(--bs-primary-800) 100%);
--settings-gradient-8: linear-gradient(120deg, var(--bs-secondary-400) 0%, var(--bs-accent-800) 100%);
--settings-gradient-7: linear-gradient(120deg, var(--bs-primary-400) 0%, var(--bs-secondary-800) 100%);
--settings-gradient-6: linear-gradient(120deg, var(--bs-accent-400) 0%, var(--bs-accent-800) 100%);
--settings-gradient-5: linear-gradient(120deg, var(--bs-secondary-400) 0%, var(--bs-secondary-800) 100%);
--settings-gradient-4: linear-gradient(120deg, var(--bs-primary-400) 0%, var(--bs-primary-800) 100%);
--settings-gradient-3: linear-gradient(180deg, var(--bs-surface-900) 0%, var(--bs-surface-975) 100%);
--settings-gradient-2: linear-gradient(180deg, var(--bs-surface-300) 0%, var(--bs-surface-100) 100%);
--settings-gradient-1: linear-gradient(180deg, var(--bs-surface-100) 0%, var(--bs-surface-25) 100%);
--settings-card-blog-ratio: 8 / 5;
--settings-image-blog-ratio: 16 / 9;
--settings-dropdown-tile-surface: 0;
--settings-dropdown-image-ratio: 1 / 1;
--settings-form-card-bg: var(--bs-element-bg);
--settings-card-image-ratio: 8 / 5;
--settings-video-ratio: auto;
--settings-video-control-color: var(--bs-primary-base);
--settings-chart-font-size: 0.8125rem;
--settings-image-ratio: auto;
--settings-btn-hairline: 0.06;
--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;
--settings-navbar-nav-color: var(--bs-primary-base);
--settings-logo-height: 1.625rem;
--settings-icon-stroke: 1.5px;
}
:root,
[data-prefers-color],
[data-color-mode] {
--bs-gradient-9: linear-gradient(120deg, var(--bs-accent-400) 0%, var(--bs-primary-800) 100%);
--bs-gradient-8: linear-gradient(120deg, var(--bs-secondary-400) 0%, var(--bs-accent-800) 100%);
--bs-gradient-7: linear-gradient(120deg, var(--bs-primary-400) 0%, var(--bs-secondary-800) 100%);
--bs-gradient-6: linear-gradient(120deg, var(--bs-accent-400) 0%, var(--bs-accent-800) 100%);
--bs-gradient-5: linear-gradient(120deg, var(--bs-secondary-400) 0%, var(--bs-secondary-800) 100%);
--bs-gradient-4: linear-gradient(120deg, var(--bs-primary-400) 0%, var(--bs-primary-800) 100%);
--bs-gradient-3: linear-gradient(180deg, var(--bs-surface-900) 0%, var(--bs-surface-975) 100%);
--bs-gradient-2: linear-gradient(180deg, var(--bs-surface-300) 0%, var(--bs-surface-100) 100%);
--bs-gradient-1: linear-gradient(180deg, var(--bs-surface-100) 0%, var(--bs-surface-25) 100%);
}