:root {
  /* ===== CUSTOM BRAND COLORS ===== */
  --duo-primary-color: #6b55b1;
  --duo-secondary-color: #dfe0fd;

  /* ===== FONT FAMILIES ===== */
  --font-serif: "EB Garamond", serif;
  --font-sans-serif: "Roboto", sans-serif;

  /* ===== BOOTSTRAP FONT OVERRIDES ===== */
  --bs-font-sans-serif:
    "Roboto", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bs-font-serif: "EB Garamond", Georgia, "Times New Roman", serif;
  --bs-font-monospace:
    SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New",
    monospace;
  --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;

  /* ===== BOOTSTRAP PRIMARY COLOR SYSTEM ===== */
  --bs-primary: #432c8b;
  --bs-primary-rgb: 107, 85, 177;
  --bs-primary-text-emphasis: #432c8b;
  --bs-primary-bg-subtle: #e8e4f5;
  --bs-primary-border-subtle: #d0c7ea;

  /* ===== BOOTSTRAP SECONDARY COLOR SYSTEM ===== */
  --bs-secondary: #f7f4ff;
  --bs-secondary-rgb: 223, 224, 253;
  --bs-secondary-text-emphasis: #8b8cc8;
  --bs-secondary-bg-subtle: #f5f5fe;
  --bs-secondary-border-subtle: #cbccfb;

  /* ===== BOOTSTRAP SUCCESS COLOR SYSTEM ===== */
  --bs-success: #42b193;
  --bs-success-rgb: 66, 177, 147;
  --bs-success-text-emphasis: #2a7260;
  --bs-success-bg-subtle: #e0f5f0;
  --bs-success-border-subtle: #a8dfd0;

  /* ===== BOOTSTRAP DANGER COLOR SYSTEM ===== */
  --bs-danger: #dc3545;
  --bs-danger-rgb: 220, 53, 69;
  --bs-danger-text-emphasis: #8c2230;
  --bs-danger-bg-subtle: #fce4e7;
  --bs-danger-border-subtle: #f5b8be;

  /* ===== BOOTSTRAP WARNING COLOR SYSTEM ===== */
  --bs-warning: #ffc107;
  --bs-warning-rgb: 255, 193, 7;
  --bs-warning-text-emphasis: #997404;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-warning-border-subtle: #ffe69c;

  /* ===== BOOTSTRAP INFO COLOR SYSTEM ===== */
  --bs-info: #0dcaf0;
  --bs-info-rgb: 13, 202, 240;
  --bs-info-text-emphasis: #087990;
  --bs-info-bg-subtle: #cff4fc;
  --bs-info-border-subtle: #9eeaf9;

  /* ===== BOOTSTRAP LIGHT COLOR SYSTEM ===== */
  --bs-light: #f8f9fa;
  --bs-light-rgb: 248, 249, 250;
  --bs-light-text-emphasis: #6c757d;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-light-border-subtle: #e9ecef;

  /* ===== BOOTSTRAP DARK COLOR SYSTEM ===== */
  --bs-dark: #212529;
  --bs-dark-rgb: 33, 37, 41;
  --bs-dark-text-emphasis: #212529;
  --bs-dark-bg-subtle: #ced4da;
  --bs-dark-border-subtle: #adb5bd;

  /* ===== BOOTSTRAP BODY & TEXT COLORS ===== */
  --bs-body-color: #212529;
  --bs-body-color-rgb: 33, 37, 41;
  --bs-body-bg: #ffffff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #000000;
  --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: #f8f9fa;
  --bs-tertiary-bg-rgb: 248, 249, 250;

  /* ===== BOOTSTRAP LINK COLORS ===== */
  --bs-link-color: #6b55b1;
  --bs-link-color-rgb: 107, 85, 177;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #5a4794;
  --bs-link-hover-color-rgb: 90, 71, 148;

  /* ===== BOOTSTRAP BORDER COLORS ===== */
  --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;

  /* ===== BOOTSTRAP HEADINGS ===== */
  --bs-heading-color: #212529;
  --bs-heading-font-family: var(--font-serif);
  --bs-heading-font-weight: 700;
  --bs-heading-line-height: 1.2;

  /* ===== BOOTSTRAP CODE ===== */
  --bs-code-color: #d63384;
  --bs-highlight-bg: #fff3cd;

  /* ===== BOOTSTRAP FORMS ===== */
  --bs-form-control-bg: #ffffff;
  --bs-form-control-disabled-bg: #e9ecef;
  --bs-form-valid-color: #42b193;
  --bs-form-valid-border-color: #42b193;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;

  /* ===== CUSTOM BUTTON STATES ===== */
  --bs-primary-hover: #5a4794;
  --bs-primary-active: #4f3d7f;
  --bs-primary-disabled: #a895d4;
}