:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --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: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 108, 117, 125;
  --bs-success-rgb: 25, 135, 84;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 248, 249, 250;
  --bs-dark-rgb: 33, 37, 41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 0, 0, 0;
  --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb: 0, 0, 0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb: 33, 37, 41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb: 233, 236, 239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb: 33, 37, 41;
  --bs-tertiary-bg: #fff;
  --bs-tertiary-bg-rgb: 248, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb: 13, 110, 253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb: 10, 88, 202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  --bs-blue: #66b2ff;
  --bs-indigo: #8a6ef2;
  --bs-purple: #b07bff;
  --bs-pink: #ff80b5;
  --bs-red: #ff6b6b;
  --bs-orange: #ff9f45;
  --bs-yellow: #ffd166;
  --bs-green: #75d67c;
  --bs-teal: #4fd1c5;
  --bs-cyan: #4dd0e1;

  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #adb5bd;
  --bs-gray-dark: #dee2e6;

  --bs-gray-100: #212529;
  --bs-gray-200: #2c3034;
  --bs-gray-300: #373b3e;
  --bs-gray-400: #495057;
  --bs-gray-500: #6c757d;
  --bs-gray-600: #adb5bd;
  --bs-gray-700: #ced4da;
  --bs-gray-800: #dee2e6;
  --bs-gray-900: #f8f9fa;

  --bs-primary: #0d6efd;
  --bs-secondary: #adb5bd;
  --bs-success: #75d67c;
  --bs-info: #4dd0e1;
  --bs-warning: #ffd166;
  --bs-danger: #ff6b6b;
  --bs-light: #343a40;
  --bs-dark: #f8f9fa;

  --bs-primary-rgb: 13, 110, 253;
  --bs-secondary-rgb: 173, 181, 189;
  --bs-success-rgb: 117, 214, 124;
  --bs-info-rgb: 77, 208, 225;
  --bs-warning-rgb: 255, 209, 102;
  --bs-danger-rgb: 255, 107, 107;
  --bs-light-rgb: 52, 58, 64;
  --bs-dark-rgb: 248, 249, 250;

  --bs-primary-text-emphasis: #a3d4ff;
  --bs-secondary-text-emphasis: #d6d8da;
  --bs-success-text-emphasis: #a8e5ad;
  --bs-info-text-emphasis: #8de5f0;
  --bs-warning-text-emphasis: #ffe9a3;
  --bs-danger-text-emphasis: #ffb3b3;
  --bs-light-text-emphasis: #e9ecef;
  --bs-dark-text-emphasis: #f8f9fa;

  --bs-primary-bg-subtle: #0d1b2a;
  --bs-secondary-bg-subtle: #1c1f23;
  --bs-success-bg-subtle: #10271a;
  --bs-info-bg-subtle: #0a2c33;
  --bs-warning-bg-subtle: #332a10;
  --bs-danger-bg-subtle: #331214;
  --bs-light-bg-subtle: #212529;
  --bs-dark-bg-subtle: #111;

  --bs-primary-border-subtle: #264060;
  --bs-secondary-border-subtle: #343a40;
  --bs-success-border-subtle: #285233;
  --bs-info-border-subtle: #214d55;
  --bs-warning-border-subtle: #665422;
  --bs-danger-border-subtle: #662a2f;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;

  --bs-white-rgb: 0, 0, 0;
  --bs-black-rgb: 255, 255, 255;

  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;

  --bs-body-color: #e9ecef;
  --bs-body-color-rgb: 233, 236, 239;
  --bs-body-bg: #121212;
  --bs-body-bg-rgb: 18, 18, 18;

  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;

  --bs-secondary-color: rgba(233, 236, 239, 0.75);
  --bs-secondary-color-rgb: 233, 236, 239;

  --bs-secondary-bg: #2c3034;
  --bs-secondary-bg-rgb: 44, 48, 52;

  --bs-tertiary-color: rgba(233, 236, 239, 0.5);
  --bs-tertiary-color-rgb: 233, 236, 239;

  --bs-tertiary-bg: #1e1e1e;
  --bs-tertiary-bg-rgb: 30, 30, 30;

  --bs-heading-color: #fff;

  --bs-link-color: #66b2ff;
  --bs-link-color-rgb: 102, 178, 255;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #99ccff;
  --bs-link-hover-color-rgb: 153, 204, 255;

  --bs-code-color: #ff80b5;

  --bs-highlight-color: #fff;
  --bs-highlight-bg: #664d03;

  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #343a40;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.175);

  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.5);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.25);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(255, 255, 255, 0.05);

  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(102, 178, 255, 0.25);

  --bs-form-valid-color: #75d67c;
  --bs-form-valid-border-color: #75d67c;
  --bs-form-invalid-color: #ff6b6b;
  --bs-form-invalid-border-color: #ff6b6b;
}
[data-bs-theme=vintage] {
  /* 🎨 Palet warna vintage: earthy, warm, muted */
  --bs-blue: #6a8caf;         /* dusty blue */
  --bs-indigo: #5a4e7c;       /* muted indigo */
  --bs-purple: #8e6e95;       /* mauve vintage */
  --bs-pink: #c08081;         /* dusty rose */
  --bs-red: #a05252;          /* brick red */
  --bs-orange: #d48a62;       /* muted orange */
  --bs-yellow: #d1b85a;       /* mustard */
  --bs-green: #6b8e23;        /* olive green */
  --bs-teal: #468585;         /* teal muted */
  --bs-cyan: #76a5af;         /* vintage cyan */

  /* ⚫ Netral */
  --bs-black: #2b2b2b;
  --bs-white: #f8f5e9;        /* creamy off-white */
  --bs-gray: #7a6f65;         /* warm gray */
  --bs-gray-dark: #4a403a;
  --bs-gray-100: #fdfbf7;
  --bs-gray-200: #f0e6d6;
  --bs-gray-300: #e2d7c3;
  --bs-gray-400: #c9b8a6;
  --bs-gray-500: #a69785;
  --bs-gray-600: #7a6f65;
  --bs-gray-700: #5c5149;
  --bs-gray-800: #40352e;
  --bs-gray-900: #2b2b2b;

  /* 🎯 Utama */
  --bs-primary: #a67c52;      /* coffee brown */
  --bs-secondary: #6b705c;    /* sage green-gray */
  --bs-success:#3a5a40;      /* light sage green */
  --bs-info: #76a5af;         /* vintage cyan */
  --bs-warning: #d1b85a;      /* mustard */
  --bs-danger: #a05252;       /* brick red */
  --bs-light: #f8f5e9;        /* cream */
  --bs-dark: #40352e;         /* deep brown */

  --bs-primary-rgb: 166, 124, 82;
  --bs-secondary-rgb: 107, 112, 92;
  --bs-success-rgb: 58, 90, 64;
  --bs-info-rgb: 118, 165, 175;
  --bs-warning-rgb: 209, 184, 90;
  --bs-danger-rgb: 160, 82, 82;
  --bs-light-rgb: 248, 245, 233;
  --bs-dark-rgb: 64, 53, 46;

  --bs-white-rgb: 248, 245, 233;
  --bs-black-rgb: 43, 43, 43;

  /* 🖋️ Teks */
  --bs-body-color: #40352e;
  --bs-body-color-rgb: 64, 53, 46;
  --bs-body-bg: #f8f5e9;
  --bs-body-bg-rgb: 248, 245, 233;

  --bs-heading-color: #2b2b2b;
  --bs-emphasis-color: #2b2b2b;
  --bs-emphasis-color-rgb: 43, 43, 43;

  --bs-secondary-color: rgba(64, 53, 46, 0.75);
  --bs-secondary-color-rgb: 64, 53, 46;

  --bs-tertiary-color: rgba(64, 53, 46, 0.5);
  --bs-tertiary-color-rgb: 64, 53, 46;

  /* 🪟 Background Subtle */
  --bs-primary-bg-subtle: #e2d7c3;
  --bs-secondary-bg-subtle: #c9b8a6;
  --bs-success-bg-subtle: #d9e2c3;
  --bs-info-bg-subtle: #c5d9dc;
  --bs-warning-bg-subtle: #f0e6b6;
  --bs-danger-bg-subtle: #d9a6a6;
  --bs-light-bg-subtle: #fdfbf7;
  --bs-dark-bg-subtle: #5c5149;

  /* ⬛ Border Subtle */
  --bs-primary-border-subtle: #c9b8a6;
  --bs-secondary-border-subtle: #a69785;
  --bs-success-border-subtle: #bfc9a7;
  --bs-info-border-subtle: #a3bcc2;
  --bs-warning-border-subtle: #d1b85a;
  --bs-danger-border-subtle: #a05252;
  --bs-light-border-subtle: #e2d7c3;
  --bs-dark-border-subtle: #40352e;

  /* 📎 Link */
  --bs-link-color: #8e6e95;
  --bs-link-color-rgb: 142, 110, 149;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #6a4c73;
  --bs-link-hover-color-rgb: 106, 76, 115;

  /* 💡 Lainnya */
  --bs-code-color: #c08081;
  --bs-highlight-color: #2b2b2b;
  --bs-highlight-bg: #fcebb6;

  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #c9b8a6;
  --bs-border-color-translucent: rgba(64, 53, 46, 0.2);

  /* 🔳 Radius & Shadow */
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;

  --bs-box-shadow: 0 0.5rem 1rem rgba(64, 53, 46, 0.3);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(64, 53, 46, 0.15);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(64, 53, 46, 0.4);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(64, 53, 46, 0.1);

  /* 🟢 Focus & Form */
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(166, 124, 82, 0.25);

  --bs-form-valid-color: #a3b18a;
  --bs-form-valid-border-color: #a3b18a;
  --bs-form-invalid-color: #a05252;
  --bs-form-invalid-border-color: #a05252;
}

[data-bs-theme=nature] {
  /* 🌿 Palet Natural */
  --bs-blue: #6a9fb5;        /* biru kehijauan */
  --bs-indigo: #7d6b91;      /* ungu lembut */
  --bs-purple: #9d7fa6;      /* mauve */
  --bs-pink: #c08081;        /* dusty rose */
  --bs-red: #b75d5d;         /* brick red */
  --bs-orange: #d49a6a;      /* earthy orange */
  --bs-yellow: #d4b85a;      /* mustard */
  --bs-green: #5a7d4d;       /* forest green */
  --bs-teal: #4f9d88;        /* teal natural */
  --bs-cyan: #7fb8b5;        /* cyan soft */

  /* 🎨 Grayscale Natural */
  --bs-black: #2b2b2b;
  --bs-white: #faf8f4;        /* off-white natural */
  --bs-gray: #7a6f65;
  --bs-gray-dark: #40352e;
  --bs-gray-100: #fdfcf9;
  --bs-gray-200: #f1ebe4;
  --bs-gray-300: #e5ddd2;
  --bs-gray-400: #d0c4b8;
  --bs-gray-500: #b8a89c;
  --bs-gray-600: #93877d;
  --bs-gray-700: #6e635a;
  --bs-gray-800: #4a403a;
  --bs-gray-900: #2b2b2b;

  /* 🌱 Warna utama */
  --bs-primary: #3a5a40;      /* Deep Moss Green */
  --bs-secondary: #a98467;    /* brown earthy */
  --bs-success: #588157;      /* forest green medium */
  --bs-info: #7fb8b5;         /* soft cyan natural */
  --bs-warning: #e4c988;      /* soft mustard */
  --bs-danger: #b75d5d;       /* brick red */
  --bs-light: #faf8f4;        /* creamy white */
  --bs-dark: #40352e;         /* earthy dark brown */

  /* 🌱 RGB */
  --bs-primary-rgb: 58, 90, 64;
  --bs-secondary-rgb: 169, 132, 103;
  --bs-success-rgb: 88, 129, 87;
  --bs-info-rgb: 127, 184, 181;
  --bs-warning-rgb: 228, 201, 136;
  --bs-danger-rgb: 183, 93, 93;
  --bs-light-rgb: 250, 248, 244;
  --bs-dark-rgb: 64, 53, 46;

  /* 🌱 Background & teks */
  --bs-body-bg: #f5f1e8;      /* krem alami */
  --bs-body-bg-rgb: 245, 241, 232;
  --bs-body-color: #2e3028;
  --bs-heading-color: #3a5a40;

  /* 🌱 Subtle bg */
  --bs-primary-bg-subtle: #dce5dc;
  --bs-secondary-bg-subtle: #e8dbd0;
  --bs-success-bg-subtle: #dae5da;
  --bs-info-bg-subtle: #e1f0ef;
  --bs-warning-bg-subtle: #f8f1d9;
  --bs-danger-bg-subtle: #f3e0e0;
  --bs-light-bg-subtle: #fdfcf9;
  --bs-dark-bg-subtle: #d0c4b8;

  /* 🌱 Border subtle */
  --bs-primary-border-subtle: #b4c5b6;
  --bs-secondary-border-subtle: #d1b7a6;
  --bs-success-border-subtle: #a3b9a2;
  --bs-info-border-subtle: #bdd6d5;
  --bs-warning-border-subtle: #e9d7a8;
  --bs-danger-border-subtle: #d7a6a6;
  --bs-light-border-subtle: #e5ddd2;
  --bs-dark-border-subtle: #93877d;

  /* 🌱 Link */
  --bs-link-color: #3a5a40;
  --bs-link-hover-color: #588157;

  /* 🌱 Lainnya */
  --bs-code-color: #c08081;
  --bs-highlight-bg: #fff3cd;

  --bs-focus-ring-color: rgba(58, 90, 64, 0.25);
}
[data-bs-theme=nightfall] {
  /* 🌆 Palet Senja dengan biru gelap */
  --bs-blue: #1e3a5f;        /* twilight deep blue */
  --bs-indigo: #2c497a;      /* indigo dusk */
  --bs-purple: #465a88;      /* mauve biru lembut */
  --bs-pink: #d08ca7;        /* pink lembut */
  --bs-red: #c76b6b;         /* sunset red */
  --bs-orange: #e59866;      /* soft orange */
  --bs-yellow: #f0c674;      /* sunset yellow */
  --bs-green: #7d9a68;       /* olive green */
  --bs-teal: #6ca8a1;        /* teal senja */
  --bs-cyan: #88bfcf;        /* cyan lembut */

  /* 🌆 Grayscale */
  --bs-black: #2c2a2a;
  --bs-white: #faf9f7;
  --bs-gray: #7c7370;
  --bs-gray-dark: #403c39;
  --bs-gray-100: #fdfcfa;
  --bs-gray-200: #f3efeb;
  --bs-gray-300: #e8e0db;
  --bs-gray-400: #d6c9c1;
  --bs-gray-500: #b8a9a0;
  --bs-gray-600: #93857d;
  --bs-gray-700: #6e645f;
  --bs-gray-800: #4a433f;
  --bs-gray-900: #2c2a2a;

  /* 🌆 Warna utama */
  --bs-primary: #e76f51;      /* senja orange coral */
  --bs-secondary: #1e3a5f;    /* biru gelap senja */
  --bs-success: #7d9a68;      /* olive dusk */
  --bs-info: #6ca8a1;         /* teal dusk */
  --bs-warning: #f0c674;      /* soft sunset yellow */
  --bs-danger: #c76b6b;       /* red senja */
  --bs-light: #faf9f7;
  --bs-dark: #403c39;

  /* 🌆 RGB */
  --bs-primary-rgb: 231, 111, 81;
  --bs-secondary-rgb: 30, 58, 95;
  --bs-success-rgb: 125, 154, 104;
  --bs-info-rgb: 108, 168, 161;
  --bs-warning-rgb: 240, 198, 116;
  --bs-danger-rgb: 199, 107, 107;
  --bs-light-rgb: 250, 249, 247;
  --bs-dark-rgb: 64, 60, 57;

  /* 🌆 Background & teks */
  --bs-body-bg: #f8f3ef;      /* krem bercampur jingga lembut */
  --bs-body-bg-rgb: 248, 243, 239;
  --bs-body-color: #2c2a2a;
  --bs-heading-color: #1e3a5f; /* heading biru senja */

  /* 🌆 Subtle bg */
  --bs-primary-bg-subtle: #f9e0d9;
  --bs-secondary-bg-subtle: #e0e6f0;
  --bs-success-bg-subtle: #e2e9e0;
  --bs-info-bg-subtle: #e1f2f0;
  --bs-warning-bg-subtle: #fbf3e0;
  --bs-danger-bg-subtle: #f7e3e3;
  --bs-light-bg-subtle: #fdfcfa;
  --bs-dark-bg-subtle: #d6c9c1;

  /* 🌆 Border subtle */
  --bs-primary-border-subtle: #f2b8a4;
  --bs-secondary-border-subtle: #a3b5d6;
  --bs-success-border-subtle: #b7c9b2;
  --bs-info-border-subtle: #b7d8d5;
  --bs-warning-border-subtle: #f4dfaa;
  --bs-danger-border-subtle: #dfa6a6;
  --bs-light-border-subtle: #e8e0db;
  --bs-dark-border-subtle: #93857d;

  /* 🌆 Link */
  --bs-link-color: #e76f51;
  --bs-link-hover-color: #d65a3f;

  /* 🌆 Lainnya */
  --bs-code-color: #465a88;
  --bs-highlight-bg: #fff3cd;

  --bs-focus-ring-color: rgba(231, 111, 81, 0.25);
}
[data-bs-theme=beauty] {
  /* 🎀 Palet Beauty */
  --bs-pink: #d63384;        /* pink tegas (primary) */
  --bs-blue: #6fa8dc;        /* biru muda lembut */
  --bs-navy: #2b3a55;        /* biru dongker elegan */
  --bs-purple: #9a6fb0;      /* ungu pastel */
  --bs-teal: #77cbb9;        /* teal lembut */
  --bs-cyan: #6eb5d6;        /* cyan dekorasi */

  /* 🎀 Grayscale */
  --bs-black: #1f1f1f;
  --bs-white: #fafbfc;
  --bs-gray: #8a8a8a;
  --bs-gray-dark: #3d3d3d;
  --bs-gray-100: #fdfdfe;
  --bs-gray-200: #f3f5f8;
  --bs-gray-300: #e4e7eb;
  --bs-gray-400: #d1d5db;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #868e96;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #1f1f1f;

  /* 🎀 Warna utama */
  --bs-primary: #d63384;      /* pink utama */
  --bs-secondary: #6fa8dc;    /* biru lembut */
  --bs-success: #77cbb9;      /* teal soft */
  --bs-info: #6eb5d6;         /* biru soft */
  --bs-warning: #f2c572;      /* emas pastel */
  --bs-danger: #c94f6d;       /* merah muda gelap */
  --bs-light: #fafbfc;
  --bs-dark: #2b3a55;

  /* 🎀 RGB */
  --bs-primary-rgb: 214, 51, 132;
  --bs-secondary-rgb: 111, 168, 220;
  --bs-success-rgb: 119, 203, 185;
  --bs-info-rgb: 110, 181, 214;
  --bs-warning-rgb: 242, 197, 114;
  --bs-danger-rgb: 201, 79, 109;
  --bs-light-rgb: 250, 251, 252;
  --bs-dark-rgb: 43, 58, 85;

  /* 🎀 Background & teks */
  --bs-body-bg: #fff7fa;       /* putih pinkish */
  --bs-body-bg-rgb: 255, 247, 250;
  --bs-body-color: #2b3a55;
  --bs-heading-color: #d63384; /* heading pink */

  /* 🎀 Subtle bg */
  --bs-primary-bg-subtle: #f9e0ec;
  --bs-secondary-bg-subtle: #e4f0fa;
  --bs-success-bg-subtle: #e0f5ef;
  --bs-info-bg-subtle: #e6f3fa;
  --bs-warning-bg-subtle: #fff5e0;
  --bs-danger-bg-subtle: #f9e0e7;
  --bs-light-bg-subtle: #fdfdfe;
  --bs-dark-bg-subtle: #d1d5db;

  /* 🎀 Border subtle */
  --bs-primary-border-subtle: #f2b4d2;
  --bs-secondary-border-subtle: #b9d4ec;
  --bs-success-border-subtle: #b5e0d5;
  --bs-info-border-subtle: #b7d8ef;
  --bs-warning-border-subtle: #f8e1b6;
  --bs-danger-border-subtle: #e5a2b6;
  --bs-light-border-subtle: #e4e7eb;
  --bs-dark-border-subtle: #868e96;

  /* 🎀 Link */
  --bs-link-color: #d63384;
  --bs-link-hover-color: #ad2769;

  /* 🎀 Lainnya */
  --bs-code-color: #9a6fb0;
  --bs-highlight-bg: #fff3cd;

  --bs-focus-ring-color: rgba(214, 51, 132, 0.25);
}

[data-bs-theme=gentle] {
  
 --bs-navy: #0a1f2d;        /* navy hampir hitam */
  --bs-navy-rgb: 10, 31, 45;

  --bs-gold: #d4af37;        /* emas klasik */
  --bs-gold-rgb: 212, 175, 55;

  --bs-ivory: #fdfaf6;       /* ivory untuk teks */
  --bs-ivory-rgb: 253, 250, 246;

  --bs-emerald: #3e5e4d;     /* hijau gelap elegan */
  --bs-emerald-rgb: 62, 94, 77;

  --bs-wine: #7b3f61;        /* wine purple */
  --bs-wine-rgb: 123, 63, 97;


  /* Grayscale refined */
  --bs-black: #0a0a0a;
  --bs-white: #fff;
  --bs-gray-100: #fdfaf6;
  --bs-gray-200: #e5e0d7;
  --bs-gray-300: #cfc7bc;
  --bs-gray-400: #a89f94;
  --bs-gray-500: #857c70;
  --bs-gray-600: #5e574f;
  --bs-gray-700: #3d3935;
  --bs-gray-800: #242220;
  --bs-gray-900: #141312;

  /* 🌟 Warna utama */
  --bs-primary: #0a1f44;   /* navy dongker */
  --bs-secondary: #d4af37; /* emas */
  --bs-success: #3e5e4d;   /* emerald */
  --bs-info: #7b3f61;      /* wine purple */
  --bs-warning: #e2c275;   /* gold pastel */
  --bs-danger: #8b2f2f;    /* deep wine red */
  --bs-light:  #0a0a0a;     /* ivory untuk teks */
  --bs-dark: #fdfaf6;      /* black deep */

  /* RGB */
  --bs-primary-rgb: 10, 31, 68;
  --bs-secondary-rgb: 212, 175, 55;
  --bs-success-rgb: 62, 94, 77;
  --bs-info-rgb: 123, 63, 97;
  --bs-warning-rgb: 226, 194, 117;
  --bs-danger-rgb: 139, 47, 47;
  --bs-light-rgb: 30,30,30;
  --bs-dark-rgb: 253, 250, 246;

  /* 🪞 Background & teks */
  --bs-body-bg: #0a1f2d;    /* navy gelap */
  --bs-body-color: #fdfaf6; /* teks ivory */
  --bs-heading-color: #d4af37; /* heading emas */

  /* Subtle bg */
  --bs-primary-bg-subtle: #13294a;
  --bs-secondary-bg-subtle: #3a2f15;
  --bs-success-bg-subtle: #2c4036;
  --bs-info-bg-subtle: #422b37;
  --bs-warning-bg-subtle: #4a4026;
  --bs-danger-bg-subtle: #3a1c1c;
  --bs-light-bg-subtle: #fff;
  --bs-dark-bg-subtle: #141312;

  /* Border subtle */
  --bs-primary-border-subtle: #516a9b;
  --bs-secondary-border-subtle: #8c7830;
  --bs-success-border-subtle: #4f6d5a;
  --bs-info-border-subtle: #6e4c5e;
  --bs-warning-border-subtle: #9a8440;
  --bs-danger-border-subtle: #6e3232;
  --bs-light-border-subtle: #b3aa9c;
  --bs-dark-border-subtle: #3d3935;

  /* Link */
  --bs-link-color: #d4af37;
  --bs-link-hover-color: #fdfaf6;

  /* Code & highlight */
  --bs-code-color: #e2c275;   /* gold pastel */
  --bs-highlight-bg: rgba(212, 175, 55, 0.15);

  /* Focus */
  --bs-focus-ring-color: rgba(212, 175, 55, 0.35);
  --bs-secondary-color:#fff;
  --bs-secondary-color-rgb:255,255,255;
  --bs-tertiary-bg:var(--bs-body-bg);
  --bs-emphasis-color:#fff;
}

[data-bs-theme=joyful] {
  /* 🎉 Palet Kegembiraan Cherry & Kuning */
  --bs-blue: #3a7bd5;        /* blue pendukung */
  --bs-indigo: #5a4fcf;      /* indigo lively */
  --bs-purple: #9b59b6;      /* purple hangat */
  --bs-pink: #e0569f;        /* pink cerah */
  --bs-red: #cc1f4a;         /* cherry red utama */
  --bs-orange: #f39c12;      /* orange sunshine */
  --bs-yellow: #f7d774;      /* cheerful yellow utama */
  --bs-green: #27ae60;       /* fresh green */
  --bs-teal: #20c997;        /* teal cerah */
  --bs-cyan: #5dade2;        /* sky cyan */

  /* 🎉 Grayscale */
  --bs-black: #2c2a2a;
  --bs-white: #fffdf9;
  --bs-gray: #8c8682;
  --bs-gray-dark: #4a4542;
  --bs-gray-100: #fefcf9;
  --bs-gray-200: #faf6f0;
  --bs-gray-300: #f2ebe5;
  --bs-gray-400: #e0d3ca;
  --bs-gray-500: #c1b4aa;
  --bs-gray-600: #9b9087;
  --bs-gray-700: #766d67;
  --bs-gray-800: #514b47;
  --bs-gray-900: #2c2a2a;

  /* 🎉 Warna utama */
  --bs-primary: #cc1f4a;      /* cherry red */
  --bs-secondary:  #d4b85f;    /* cheerful yellow */
  --bs-success: #27ae60;      /* green fresh */
  --bs-info: #20c997;         /* teal cheerful */
  --bs-warning: #f39c12;      /* orange sunshine */
  --bs-danger: #e0569f;       /* pink energik */
  --bs-light: #fffdf9;
  --bs-dark: #4a4542;

  /* 🎉 RGB */
  --bs-primary-rgb: 204, 31, 74;
  --bs-secondary-rgb: 212, 184, 95;
  --bs-success-rgb: 39, 174, 96;
  --bs-info-rgb: 32, 201, 151;
  --bs-warning-rgb: 243, 156, 18;
  --bs-danger-rgb: 224, 86, 159;
  --bs-light-rgb: 255, 253, 249;
  --bs-dark-rgb: 74, 69, 66;

  /* 🎉 Background & teks */
  --bs-body-bg: #fffaf5;       /* warm light background */
  --bs-body-bg-rgb: 255, 250, 245;
  --bs-body-color: #2c2a2a;
  --bs-heading-color: #cc1f4a; /* heading cherry */

  /* 🎉 Subtle bg */
  --bs-primary-bg-subtle: #f9d7df;  /* cherry lembut */
  --bs-secondary-bg-subtle: #fcf6da; /* yellow lembut */
  --bs-success-bg-subtle: #d4f0dc;
  --bs-info-bg-subtle: #d1f6ef;
  --bs-warning-bg-subtle: #fceccc;
  --bs-danger-bg-subtle: #f9d8eb;
  --bs-light-bg-subtle: #fefcf9;
  --bs-dark-bg-subtle: #e0d3ca;

  /* 🎉 Border subtle */
  --bs-primary-border-subtle: #f2a4b7;
  --bs-secondary-border-subtle: #f9e7a9;
  --bs-success-border-subtle: #a2dab9;
  --bs-info-border-subtle: #9be3d3;
  --bs-warning-border-subtle: #f9d88f;
  --bs-danger-border-subtle: #f2a4cf;
  --bs-light-border-subtle: #f2ebe5;
  --bs-dark-border-subtle: #9b9087;

  /* 🎉 Link */
  --bs-link-color: #cc1f4a;
  --bs-link-hover-color: #a9183a;

  /* 🎉 Lainnya */
  --bs-code-color: #3a7bd5;
  --bs-highlight-bg: #fff3cd;
  --bs-focus-ring-color: rgba(204, 31, 74, 0.25);
}