:root {
  /* surface-base-800 */
  --tw-surface-base: #282c35;
  --tw-surface-25: #FAFAFB;
  --tw-surface-50: #F2F2F3;
  --tw-surface-100: #E1E2E3;
  --tw-surface-200: #C4C5C8;
  --tw-surface-300: #A7A9AD;
  --tw-surface-400: #8C8E94;
  --tw-surface-500: #71747B;
  --tw-surface-600: #575B62;
  --tw-surface-700: #3F434B;
  --tw-surface-800: #282C35;
  --tw-surface-900: #21252D;
  --tw-surface-950: #1A1D24;
  --tw-surface-975: #0B0D12;

  /* accent-base-500 */
  --tw-accent-base: #ff8200;
  --tw-accent-25: #FFFAF2;
  --tw-accent-50: #FFF0E2;
  --tw-accent-100: #FFE5D5;
  --tw-accent-200: #FFCEAD;
  --tw-accent-300: #FFB886;
  --tw-accent-400: #FF9D56;
  --tw-accent-500: #FF8200;
  --tw-accent-600: #DC6700;
  --tw-accent-700: #B35200;
  --tw-accent-800: #8C3F00;
  --tw-accent-900: #662C00;
  --tw-accent-950: #331200;
  --tw-accent-975: #1B0700;

  /* secondary-base-300 */
  --tw-secondary-base: #c6c8cc;
  --tw-secondary-25: #FAFAFB;
  --tw-secondary-50: #F2F2F3;
  --tw-secondary-100: #EAEBEC;
  --tw-secondary-200: #D8D9DC;
  --tw-secondary-300: #C6C8CC;
  --tw-secondary-400: #ABAFB6;
  --tw-secondary-500: #92969D;
  --tw-secondary-600: #7A7E84;
  --tw-secondary-700: #63666D;
  --tw-secondary-800: #4D5055;
  --tw-secondary-900: #383B3F;
  --tw-secondary-950: #1B1D20;
  --tw-secondary-975: #0C0D0F;

  /* primary-base-600 */
  --tw-primary-base: #E50040;
  --tw-primary-25: #FFF9F9;
  --tw-primary-50: #FFEFEF;
  --tw-primary-100: #FFDEDE;
  --tw-primary-200: #FFBDBD;
  --tw-primary-300: #FD9C9E;
  --tw-primary-400: #F7787E;
  --tw-primary-500: #EF4F5F;
  --tw-primary-600: #E50040;
  --tw-primary-700: #BB0025;
  --tw-primary-800: #94001C;
  --tw-primary-900: #760017;
  --tw-primary-950: #410008;
  --tw-primary-975: #240003;

  /* text-base-800 */
  --tw-text-base: #212529;
  --tw-text-25: #FAFAFA;
  --tw-text-50: #F2F2F3;
  --tw-text-100: #E0E0E1;
  --tw-text-200: #C1C3C4;
  --tw-text-300: #A4A6A8;
  --tw-text-400: #878A8C;
  --tw-text-500: #6C6F72;
  --tw-text-600: #515558;
  --tw-text-700: #383C40;
  --tw-text-800: #212529;
  --tw-text-900: #1A1E22;
  --tw-text-950: #14171A;
  --tw-text-975: #0B0E10;

  /* 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: #2F7FD8;
  --tw-info-25: #F4FBFF;
  --tw-info-50: #E9F4FF;
  --tw-info-100: #D6E6F9;
  --tw-info-200: #AECDF2;
  --tw-info-300: #86B3EA;
  --tw-info-400: #5D99E2;
  --tw-info-500: #2F7FD8;
  --tw-info-600: #196BC0;
  --tw-info-700: #1358A0;
  --tw-info-800: #0E4682;
  --tw-info-900: #083564;
  --tw-info-950: #031D3B;
  --tw-info-975: #010D20;

  /* 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-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-dark);
  --tw-accent-500-on: var(--bs-text-color-dark);
  --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-dark);
  --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-light);
  --tw-primary-500-on: var(--bs-text-color-light);
  --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-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-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-light);
  --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-surface-base-on: var(--bs-text-color-light);
  --tw-accent-base-on: var(--bs-text-color-dark);
  --tw-secondary-base-on: var(--bs-text-color-dark);
  --tw-primary-base-on: var(--bs-text-color-light);
  --tw-text-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);

  /* Button: text (base-800) */
  --bs-btn-text-dark-4: #040608;
  --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-600) */
  --bs-btn-primary-dark-4: var(--tw-primary-950);
  --bs-btn-primary-dark-3: var(--tw-primary-900);
  --bs-btn-primary-dark-2: var(--tw-primary-800);
  --bs-btn-primary-dark-1: var(--tw-primary-700);
  --bs-btn-primary-base: var(--tw-primary-600);
  --bs-btn-primary-light-1: var(--tw-primary-500);
  --bs-btn-primary-light-2: var(--tw-primary-400);
  --bs-btn-primary-light-3: var(--tw-primary-300);
  --bs-btn-primary-light-3-on: var(--bs-text-color-dark);
  --bs-btn-primary-light-4: var(--tw-primary-200);
  --bs-btn-primary-light-4-on: var(--bs-text-color-dark);
  --bs-btn-primary-ink-dark: var(--tw-primary-400);
  --bs-btn-primary-ink-dark-hover: var(--tw-primary-100);
  --bs-btn-primary-ink-dark-active: var(--tw-primary-50);

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

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

  /* Button: surface (base-800) */
  --bs-btn-surface-dark-4: #040609;
  --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-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-400);
  --bs-btn-info-ink-dark-hover: var(--tw-info-100);
  --bs-btn-info-ink-dark-active: var(--tw-info-50);

  /* 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-600);
  --tw-focus-secondary: var(--tw-secondary-600);
  --tw-focus-secondary-dark: var(--tw-secondary-300);
  --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);

  /* Tonal badges: text on 50 (light) and 950 (dark) by balanced */
  --tw-surface-badge-ink: var(--tw-surface-700);
  --tw-surface-badge-ink-dark: var(--tw-surface-300);
  --tw-accent-badge-ink: var(--tw-accent-700);
  --tw-accent-badge-ink-dark: var(--tw-accent-300);
  --tw-secondary-badge-ink: var(--tw-secondary-700);
  --tw-secondary-badge-ink-dark: var(--tw-secondary-300);
  --tw-primary-badge-ink: var(--tw-primary-700);
  --tw-primary-badge-ink-dark: var(--tw-primary-300);
  --tw-text-badge-ink: var(--tw-text-700);
  --tw-text-badge-ink-dark: var(--tw-text-300);
  --tw-warning-badge-ink: var(--tw-warning-700);
  --tw-warning-badge-ink-dark: var(--tw-warning-300);
  --tw-danger-badge-ink: var(--tw-danger-700);
  --tw-danger-badge-ink-dark: var(--tw-danger-300);
  --tw-success-badge-ink: var(--tw-success-700);
  --tw-success-badge-ink-dark: var(--tw-success-300);
  --tw-info-badge-ink: var(--tw-info-700);
  --tw-info-badge-ink-dark: var(--tw-info-300);

  /* Menus on dark: by the dark page background surface-975 */
  --tw-menu-surface-dark: var(--tw-surface-950);

--settings-h6-font-weight: 600;
--settings-h5-font-weight: 600;
--settings-h4-font-weight: 600;
--settings-h3-font-size: 1.5rem;
--settings-font-weight-bold: 600;
--settings-font-weight-light: 300;
--settings-image-blog-radius: var(--bs-border-radius-6);
--settings-video-radius: var(--bs-border-radius-6);
--settings-card-blog-shadow: var(--bs-box-shadow);
--settings-card-blog-radius: var(--bs-border-radius-6);
--settings-main-navbar-nav-font-weight: 500;
--settings-card-shadow: var(--bs-box-shadow-md);
--settings-card-border-radius: var(--bs-border-radius-6);
--settings-h5-color: var(--bs-primary-base);
--settings-main-navbar-nav-font-size: 0.938rem;
--settings-form-border-radius: var(--bs-border-radius-6);
--settings-main-navbar-nav-link-border-radius: var(--bs-border-radius-pill);
--settings-main-navbar-padding-y: 2.25rem;
--settings-logo-height: 2.25rem;
--settings-h3-font-weight: 600;
--settings-h2-font-weight: 600;
--settings-h1-font-weight: 600;
--settings-h6-font-size: 0.75rem;
--settings-h5-font-size: 0.75rem;
--settings-h2-font-size: 2rem;
--settings-h1-font-size: 2.625rem;
--settings-btn-border-radius: var(--bs-border-radius-pill);
--settings-font-sans-serif: Roboto;
--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-h5-text-transform: uppercase;
--settings-h4-text-transform: none;
--settings-h4-font-size: 1.125rem;
--settings-h3-text-transform: none;
--settings-h2-text-transform: none;
--settings-h1-text-transform: none;
--settings-reading-width: 50ch;
--settings-body-font-size: 16px;
--settings-font-monospace: NotoSansMono;
--settings-font-serif: NotoSerif;
--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-navbar-nav-color: var(--bs-primary-base);
--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%);
}