/*
 * Hippogriff theme overrides.
 *
 * Keep project-owned color variables here instead of editing bootstrap.css or
 * generated customizer.css. This file is loaded after the template CSS files.
 */

:root {
/* Varm beige */
  --bs-primary: #ebe2ce;
  --bs-primary-rgb: 235, 226, 206;
/* Neutral grå */
  --bs-secondary: #777;
  --bs-secondary-rgb: 119, 119, 119;
/* Salviagrön */
  --bs-success: #8fa88b;
  --bs-success-rgb: 143, 168, 139;
/* Dimblå */
  --bs-info: #afc4cf;
  --bs-info-rgb: 175, 196, 207;
/* Aprikos */
  --bs-warning: #d2a278;
  --bs-warning-rgb: 210, 162, 120;
/* Tegelröd */
  --bs-danger: #b9827e;
  --bs-danger-rgb: 185, 130, 126;
/* Petrol */
  --bs-reminder: #4F6B6A;
  --bs-reminder-rgb: 79, 107, 106;
/* Levendel */
  --bs-shared: #9A8FA8;
  --bs-shared-rgb: 154, 143, 168;
/* Aubergine */
  --bs-theory: #6E4D6E;
  --bs-theory-rgb: 110, 77, 110;
/* Olivgul */
  --bs-returned: #C9B572;
  --bs-returned-rgb: 201, 181, 114;
/* Bärplommon */
  --bs-replaced: #8C5D6D;
  --bs-replaced-rgb: 140, 93, 109;
/* Svart */
  /* --bs-dark: #212529;
  --bs-dark-rgb: 33, 37, 41; */

  --bs-body-font-size: 0.8rem;
  --bs-body-color: var(--bs-dark);
  --bs-body-color-rgb:var(--bs-dark-rgb);
  --bs-body-bg: var(--bs-primary);
  --bs-body-bg-rgb: var(--bs-primary-rgb);
  --bs-link-color: var(--bs-dark);
  --bs-link-hover-color: var(--bs-body-color);

  /* Hippogriff color families */
  --hg-primary-base: var(--bs-primary);
  --hg-primary-text: #4F4A44;
  --hg-primary-text-rgb: 79, 74, 68;
  --hg-primary-hover-text: #3F3A35;
  --hg-primary-hover-text-rgb: 63, 58, 53;
  --hg-primary-soft-text: #5A524A;
  --hg-primary-soft-text-rgb: 90, 82, 74;
  --hg-primary-soft: #f4eee2;
  --hg-primary-soft-rgb: 244, 238, 226;
  --hg-primary-overlay: rgba(var(--bs-primary-rgb), 0.12);
  --hg-primary-border: rgba(var(--bs-primary-rgb), 0.45);
  --hg-primary-strong: #d8ccb3;
  --hg-primary-strong-rgb: 216, 204, 179;
  --hg-primary-hover: #d9cfb7;
  --hg-primary-hover-rgb: 217, 207, 183;

  --hg-secondary-base: var(--bs-secondary);
  --hg-secondary-text: #F7F4EE;
  --hg-secondary-text-rgb: 247, 244, 238;
  --hg-secondary-hover-text: #FAF7F2;
  --hg-secondary-hover-text-rgb: 250, 247, 242;
  --hg-secondary-soft-text: #5F5F5F;
  --hg-secondary-soft-text-rgb: 95, 95, 95;
  --hg-secondary-soft: #ececec;
  --hg-secondary-soft-rgb: 236, 236, 236;
  --hg-secondary-overlay: rgba(var(--bs-secondary-rgb), 0.18);
  --hg-secondary-border: rgba(var(--bs-secondary-rgb), 0.42);
  --hg-secondary-strong: #666666;
  --hg-secondary-strong-rgb: 102, 102, 102;
  --hg-secondary-hover: #626262;
  --hg-secondary-hover-rgb: 98, 98, 98;

  --hg-success-base: var(--bs-success);
  --hg-success-text: #F6F4EF;
  --hg-success-text-rgb: 246, 244, 239;
  --hg-success-hover-text: #F8F7F3;
  --hg-success-hover-text-rgb: 248, 247, 243;
  --hg-success-soft-text: #55614F;
  --hg-success-soft-text-rgb: 85, 97, 79;
  --hg-success-soft: #E5ECE2;
  --hg-success-soft-rgb: 229, 236, 226;
  --hg-success-overlay: rgba(var(--bs-success-rgb), 0.22);
  --hg-success-border: rgba(var(--bs-success-rgb), 0.48);
  --hg-success-strong: #7D9679;
  --hg-success-strong-rgb: 125, 150, 121;
  --hg-success-hover: #789273;
  --hg-success-hover-rgb: 120, 146, 115;

  --hg-info-base: var(--bs-info);
  --hg-info-text: #3F4B54;
  --hg-info-text-rgb: 63, 75, 84;
  --hg-info-soft: #E7EEF2;
  --hg-info-soft-rgb: 231, 238, 242;
  --hg-info-soft-text: #4D5D67;
  --hg-info-soft-text-rgb: 77, 93, 103;
  --hg-info-overlay: rgba(var(--bs-info-rgb), 0.12);
  --hg-info-border: rgba(var(--bs-info-rgb), 0.45);
  --hg-info-strong: #9DB5C1;
  --hg-info-strong-rgb: 157, 181, 193;
  --hg-info-hover: #96AEBB;
  --hg-info-hover-rgb: 150, 174, 187;
  --hg-info-hover-text: #F8FAFB;
  --hg-info-hover-text-rgb: 248, 250, 251;

  --hg-warning-base: var(--bs-warning);
  --hg-warning-text: #5B4636;
  --hg-warning-text-rgb: 91, 70, 54;
  --hg-warning-soft: #F4E6D9;
  --hg-warning-soft-rgb: 244, 230, 217;
  --hg-warning-soft-text: #705540;
  --hg-warning-soft-text-rgb: 112, 85, 64;
  --hg-warning-overlay: rgba(var(--bs-warning-rgb), 0.12);
  --hg-warning-border: rgba(var(--bs-warning-rgb), 0.45);
  --hg-warning-strong: #C59267;
  --hg-warning-strong-rgb: 197, 146, 103;
  --hg-warning-hover: #BC8B61;
  --hg-warning-hover-rgb: 188, 139, 97;
  --hg-warning-hover-text: #FFF8F3;
  --hg-warning-hover-text-rgb: 255, 248, 243;

  --hg-danger-base: var(--bs-danger);
  --hg-danger-text: #FFF7F5;
  --hg-danger-text-rgb: 255, 247, 245;
  --hg-danger-soft: #F0E1E0;
  --hg-danger-soft-rgb: 240, 225, 224;
  --hg-danger-soft-text: #6D4E4A;
  --hg-danger-soft-text-rgb: 109, 78, 74;
  --hg-danger-overlay: rgba(var(--bs-danger-rgb), 0.12);
  --hg-danger-border: rgba(var(--bs-danger-rgb), 0.45);
  --hg-danger-strong: #AA7672;
  --hg-danger-strong-rgb: 170, 118, 114;
  --hg-danger-hover: #A56D69;
  --hg-danger-hover-rgb: 165, 109, 105;
  --hg-danger-hover-text: #FFF8F6;
  --hg-danger-hover-text-rgb: 255, 248, 246;

  /* ==================================================
     SHARED
  ================================================== */
  --hg-shared-base: var(--bs-shared);
  --hg-shared-text: #F8F6FA;
  --hg-shared-text-rgb: 248, 246, 250;
  --hg-shared-soft: #ECE8F0;
  --hg-shared-soft-rgb: 236, 232, 240;
  --hg-shared-soft-text: #5F5668;
  --hg-shared-soft-text-rgb: 95, 86, 104;
  --hg-shared-overlay: rgba(var(--bs-shared-rgb), 0.12);
  --hg-shared-border: rgba(var(--bs-shared-rgb), 0.45);
  --hg-shared-strong: #8B8098;
  --hg-shared-strong-rgb: 139, 128, 152;
  --hg-shared-hover: #857893;
  --hg-shared-hover-rgb: 133, 120, 147;
  --hg-shared-hover-text: #FBFAFC;
  --hg-shared-hover-text-rgb: 251, 250, 252;

  /* ==================================================
     REMINDER
  ================================================== */
  --hg-reminder-base: var(--bs-reminder);
  --hg-reminder-text: #F4F7F7;
  --hg-reminder-text-rgb: 244, 247, 247;
  --hg-reminder-soft: #DFE8E8;
  --hg-reminder-soft-rgb: 223, 232, 232;
  --hg-reminder-soft-text: #425B5A;
  --hg-reminder-soft-text-rgb: 66, 91, 90;
  --hg-reminder-overlay: rgba(var(--bs-reminder-rgb), 0.12);
  --hg-reminder-border: rgba(var(--bs-reminder-rgb), 0.45);
  --hg-reminder-strong: #445E5D;
  --hg-reminder-strong-rgb: 68, 94, 93;
  --hg-reminder-hover: #3E5756;
  --hg-reminder-hover-rgb: 62, 87, 86;
  --hg-reminder-hover-text: #F7FAFA;
  --hg-reminder-hover-text-rgb: 247, 250, 250;

  /* ==================================================
     RETURNED
  ================================================== */
  --hg-returned-base: var(--bs-returned);
  --hg-returned-text: #4D4531;
  --hg-returned-text-rgb: 77, 69, 49;
  --hg-returned-soft: #F1EBD7;
  --hg-returned-soft-rgb: 241, 235, 215;
  --hg-returned-soft-text: #6A5F3A;
  --hg-returned-soft-text-rgb: 106, 95, 58;
  --hg-returned-overlay: rgba(var(--bs-returned-rgb), 0.12);
  --hg-returned-border: rgba(var(--bs-returned-rgb), 0.45);
  --hg-returned-strong: #B7A463;
  --hg-returned-strong-rgb: 183, 164, 99;
  --hg-returned-hover: #B19D5D;
  --hg-returned-hover-rgb: 177, 157, 93;
  --hg-returned-hover-text: #FFFBEF;
  --hg-returned-hover-text-rgb: 255, 251, 239;

  /* ==================================================
     RECURRENT
  ================================================== */
  --hg-recurrent-base: var(--bs-recurrent);
  --hg-recurrent-text: #F5F8FA;
  --hg-recurrent-text-rgb: 245, 248, 250;
  --hg-recurrent-soft: #E2E8EC;
  --hg-recurrent-soft-rgb: 226, 232, 236;
  --hg-recurrent-soft-text: #3E5363;
  --hg-recurrent-soft-text-rgb: 62, 83, 99;
  --hg-recurrent-overlay: rgba(var(--bs-recurrent-rgb), 0.12);
  --hg-recurrent-border: rgba(var(--bs-recurrent-rgb), 0.45);
  --hg-recurrent-strong: #284152;
  --hg-recurrent-strong-rgb: 40, 65, 82;
  --hg-recurrent-hover: #22394A;
  --hg-recurrent-hover-rgb: 34, 57, 74;
  --hg-recurrent-hover-text: #F7FAFC;
  --hg-recurrent-hover-text-rgb: 247, 250, 252;

  /* ==================================================
     REPLACED
  ================================================== */
  --hg-replaced-base: var(--bs-replaced);
  --hg-replaced-text: #FFF7F8;
  --hg-replaced-text-rgb: 255, 247, 248;
  --hg-replaced-soft: #EFE5E8;
  --hg-replaced-soft-rgb: 239, 229, 232;
  --hg-replaced-soft-text: #654550;
  --hg-replaced-soft-text-rgb: 101, 69, 80;
  --hg-replaced-overlay: rgba(var(--bs-replaced-rgb), 0.12);
  --hg-replaced-border: rgba(var(--bs-replaced-rgb), 0.45);
  --hg-replaced-strong: #7B5160;
  --hg-replaced-strong-rgb: 123, 81, 96;
  --hg-replaced-hover: #744857;
  --hg-replaced-hover-rgb: 116, 72, 87;
  --hg-replaced-hover-text: #FFF8FA;
  --hg-replaced-hover-text-rgb: 255, 248, 250;

  /* ==================================================
     THEORY
  ================================================== */
  --hg-theory-base: var(--bs-theory);
  --hg-theory-text: #FBF8FB;
  --hg-theory-text-rgb: 251, 248, 251;
  --hg-theory-soft: #E9E2E9;
  --hg-theory-soft-rgb: 233, 226, 233;
  --hg-theory-soft-text: #584258;
  --hg-theory-soft-text-rgb: 88, 66, 88;
  --hg-theory-overlay: rgba(var(--bs-theory-rgb), 0.12);
  --hg-theory-border: rgba(var(--bs-theory-rgb), 0.45);
  --hg-theory-strong: #614561;
  --hg-theory-strong-rgb: 97, 69, 97;
  --hg-theory-hover: #593C59;
  --hg-theory-hover-rgb: 89, 60, 89;
  --hg-theory-hover-text: #FCFAFC;
  --hg-theory-hover-text-rgb: 252, 250, 252;

  /* Hippogriff neutral UI tokens */
  --hg-color-text: #1f2937;
  --hg-color-text-strong: #111827;
  --hg-color-on-accent: #fff;
  --hg-color-muted: #6b7280;
  --hg-color-muted-rgb: 107, 114, 128;
  --hg-color-muted-strong: #4d5562;
  --hg-color-disabled: #9ca3af;
  --hg-text-warm: #5d584d;
  --hg-text-warm-muted: #6a655a;
  --hg-text-warm-strong: #4d473c;
  --hg-text-warm-soft: #9b8a6f;
  --hg-text-cool: #334155;
  --hg-text-cool-muted: #64748b;

  --hg-text-primary: var(--hg-color-text);
  --hg-text-secondary: #374151;
  --hg-text-muted: var(--hg-color-muted);
  --hg-text-inverse: var(--hg-color-on-accent);

  --hg-color-neutral: #4b5563;
  --hg-color-neutral-soft: rgba(107, 114, 128, 0.1);
  --hg-color-neutral-muted: #5f646b;
  --hg-color-neutral-wash: rgba(118, 118, 128, 0.12);

  /* --hg-surface-page: #f7f4ee;
  --hg-surface-white: #fff;
  --hg-surface-page-soft: rgba(247, 244, 238, 0.84);
  --hg-surface-page-table: rgba(0, 0, 0, 0.03);
  --hg-surface-page-table-soft: rgba(0, 0, 0, 0.02);
  --hg-surface-page-row: rgba(247, 244, 238, 0.8);
  --hg-surface-page-row-strong: rgba(247, 244, 238, 0.92);
  --hg-surface-page-muted: rgba(247, 244, 238, 0.9);
  --hg-surface-page-strong: rgba(247, 244, 238, 0.98);
  --hg-surface-modal: rgba(255, 255, 255, 0.96);
  --hg-surface-modal-strong: rgba(255, 255, 255, 0.98);
  --hg-surface-body: rgba(255, 255, 255, 0.92);
  --hg-surface-panel: rgba(255, 255, 255, 0.88);
  --hg-surface-card: rgba(255, 255, 255, 0.9);
  --hg-surface-control: rgba(255, 255, 255, 0.94);
  --hg-surface-control-soft: rgba(255, 255, 255, 0.84);
  --hg-surface-disabled: rgba(255, 255, 255, 0.56);
  --hg-surface-pill: rgba(255, 255, 255, 0.62);
  --hg-surface-meta: rgba(255, 255, 255, 0.72);
  --hg-overlay-subtle: rgba(255, 255, 255, 0.22);
  --hg-overlay-soft: rgba(255, 255, 255, 0.42);
  --hg-overlay-medium: rgba(255, 255, 255, 0.55);
  --hg-overlay-strong: rgba(255, 255, 255, 0.66);
  --hg-overlay-heavy: rgba(255, 255, 255, 0.76);
  --hg-surface-control-muted: rgba(238, 233, 223, 0.96);
  --hg-surface-header-warm: rgba(244, 239, 231, 0.92);
  --hg-surface-warm-top: #fffdf8;
  --hg-surface-warm-bottom: #fffaf0;
  --hg-surface-warm-muted: #efe6d3;
  --hg-surface-warm-soft: rgba(226, 214, 186, 0.45);
  --hg-surface-cool-soft: rgba(248, 250, 252, 0.95); */
  --hg-border-warm: #e3d8bf;
  --hg-border-warm-soft: #eadfca;
  --hg-border-hairline: rgba(15, 23, 42, 0.07);
  --hg-border-muted: rgba(15, 23, 42, 0.1);
  --hg-border-cool-soft: rgba(226, 232, 240, 0.9);
  --hg-border-cool: rgba(226, 232, 240, 0.95);
  --hg-border-neutral-strong: rgba(209, 213, 219, 0.9);
  --hg-border-cool-dashed: rgba(148, 163, 184, 0.6);
  /* --hg-gradient-page: linear-gradient(180deg, var(--hg-overlay-subtle) 0%, transparent 100%);
  --hg-gradient-header: linear-gradient(180deg, rgba(255, 255, 255, 0.88) 0%, var(--hg-surface-header-warm) 100%);
  --hg-gradient-header-body: linear-gradient(180deg, var(--hg-surface-body) 0%, var(--hg-surface-header-warm) 100%);
  --hg-gradient-header-strong: linear-gradient(180deg, rgba(255, 255, 255, 0.94) 0%, rgba(244, 239, 231, 0.96) 100%);
  --hg-gradient-header-bright: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 239, 231, 0.96) 100%);
  --hg-gradient-header-page: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 244, 238, 0.98) 100%);
  --hg-gradient-control: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(241, 237, 229, 0.96) 100%);
  --hg-gradient-control-warm: linear-gradient(180deg, var(--hg-surface-control) 0%, var(--hg-surface-control-muted) 100%);
  --hg-gradient-gloss-soft: linear-gradient(180deg, var(--hg-overlay-soft), transparent);
  --hg-gradient-gloss-strong: linear-gradient(180deg, var(--hg-overlay-medium), transparent);
  --hg-gradient-warm-panel: linear-gradient(180deg, var(--hg-surface-warm-top) 0%, var(--hg-surface-warm-bottom) 100%);
  --hg-gradient-action-primary: linear-gradient(180deg, var(--hg-overlay-medium) 0%, rgba(var(--bs-primary-rgb), 0.92) 100%);
  --hg-gradient-action-success: linear-gradient(180deg, var(--hg-overlay-soft) 0%, rgba(var(--bs-success-rgb), 0.92) 100%);
  --hg-gradient-action-info: linear-gradient(180deg, var(--hg-overlay-soft) 0%, rgba(var(--bs-info-rgb), 0.92) 100%);
  --hg-gradient-action-theory: linear-gradient(180deg, var(--hg-overlay-soft) 0%, rgba(var(--bs-theory-rgb), 0.92) 100%);
  --hg-gradient-action-danger: linear-gradient(180deg, var(--hg-overlay-subtle) 0%, rgba(var(--bs-danger-rgb), 0.92) 100%);
  --hg-gradient-danger-soft: linear-gradient(180deg, var(--hg-overlay-heavy) 0%, rgba(var(--bs-danger-rgb), 0.055) 100%); */

  --hg-border-faint: rgba(15, 23, 42, 0.05);
  --hg-border-soft: rgba(15, 23, 42, 0.06);
  --hg-border-subtle: rgba(15, 23, 42, 0.08);
  --hg-border-control: rgba(15, 23, 42, 0.12);

  --hg-radius-md: 0.7rem;
  --hg-radius-lg: 0.85rem;
  --hg-radius-xl: 1rem;
  --hg-radius-modal: 1.15rem;
  --hg-radius-pill: 999px;

  --hg-shadow-panel: 0 10px 24px rgba(15, 23, 42, 0.06);
  --hg-shadow-ink-04: rgba(15, 23, 42, 0.04);
  --hg-shadow-ink-14: rgba(15, 23, 42, 0.14);
  --hg-shadow-ink-18: rgba(15, 23, 42, 0.18);
  --hg-shadow-black-08: rgba(0, 0, 0, 0.08);
  --hg-shadow-black-10: rgba(0, 0, 0, 0.1);
  --hg-shadow-indigo-soft: rgba(50, 50, 93, 0.12);
  --hg-shadow-panel-compact: 0 8px 18px rgba(15, 23, 42, 0.07);
  --hg-shadow-panel-soft: 0 8px 18px rgba(15, 23, 42, 0.04);
  --hg-shadow-panel-raised: 0 12px 24px rgba(15, 23, 42, 0.14);
  --hg-shadow-dropdown: 0 14px 28px rgba(15, 23, 42, 0.12);
  --hg-shadow-modal: 0 20px 45px rgba(15, 23, 42, 0.18);
  --hg-shadow-modal-soft: 0 18px 45px rgba(15, 23, 42, 0.14);
  --hg-shadow-profile: 0 16px 34px rgba(0, 0, 0, 0.08);
  --hg-shadow-profile-strong: 0 16px 34px rgba(0, 0, 0, 0.1);
  --hg-shadow-floating-soft: 0 18px 40px rgba(50, 50, 93, 0.12);
  --hg-shadow-control: 0 1px 2px rgba(0, 0, 0, 0.08);
  --hg-shadow-control-raised: 0 1px 2px rgba(0, 0, 0, 0.08), 0 5px 14px rgba(0, 0, 0, 0.08);
  --hg-shadow-control-raised-lg: 0 1px 2px rgba(0, 0, 0, 0.08), 0 6px 18px rgba(0, 0, 0, 0.08);
  --hg-shadow-warm-soft: rgba(84, 67, 33, 0.08);
  --hg-shadow-warm: rgba(84, 67, 33, 0.12);
  --hg-shadow-warm-strong: rgba(84, 67, 33, 0.16);
  --hg-focus-success: 0 0 0 0.18rem rgba(var(--bs-success-rgb), 0.16);
  --hg-shadow-success-action: 0 0.45rem 1rem rgba(var(--bs-success-rgb), 0.16);
}

.btn-primary {
  --bs-btn-color: var(--bs-dark);
  --bs-btn-bg: var(--bs-primary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-secondary);
  --bs-btn-hover-bg: #d1c9b8;
  --bs-btn-hover-border-color: #d1c9b8;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--bs-secondary);
  --bs-btn-active-bg: #f2e9d5;
  --bs-btn-active-border-color: var(--bs-primary);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}

.btn-secondary {
  --bs-btn-color: var(--bs-primary);
  --bs-btn-bg: var(--bs-secondary);
  --bs-btn-border-color: var(--bs-secondary);
  --bs-btn-hover-color: var(--bs-primary);
  --bs-btn-hover-bg: #666;
  --bs-btn-hover-border-color: #666;
  --bs-btn-focus-shadow-rgb: 130, 138, 145;
  --bs-btn-active-color: var(--bs-primary);
  --bs-btn-active-bg: #888;
  --bs-btn-active-border-color: #888;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}

.btn-success,
.btn-check-success {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-success);
  --bs-btn-border-color: var(--bs-success);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #6c8556;
  --bs-btn-hover-border-color: #6c8556;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}

.btn-info {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-info);
  --bs-btn-border-color: var(--bs-info);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #4ea5bf;
  --bs-btn-hover-border-color: #4ea5bf;
  --bs-btn-focus-shadow-rgb: 11, 172, 204;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: #66b9d1;
  --bs-btn-active-border-color: #66b9d1;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-dark);
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}

.btn-warning {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-warning);
  --bs-btn-border-color: var(--bs-warning);
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-dark);
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}

.btn-reminder,
.btn-check-reminder {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: #7795a3;
  --bs-btn-border-color: #7795a3;
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #8db6c9;
  --bs-btn-hover-border-color: #8db6c9;
  --bs-btn-focus-shadow-rgb: 60, 153, 110;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: #6a7c85;
  --bs-btn-active-border-color: #6a7c85;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #6a7c85;
  --bs-btn-disabled-border-color: #6a7c85;
}

.btn-check-reminder {
  --bs-btn-hover-color: var(--bs-dark);
  --bs-btn-hover-bg: #7795a3;
  --bs-btn-hover-border-color: #7795a3;
  --bs-btn-focus-shadow-rgb: 217, 164, 6;
  --bs-btn-active-color: var(--bs-dark);
  --bs-btn-active-bg: #7795a3;
  --bs-btn-active-border-color: #7795a3;
  --bs-btn-disabled-color: var(--bs-dark);
  --bs-btn-disabled-bg: #7795a3;
  --bs-btn-disabled-border-color: #7795a3;
}

.btn-danger,
.btn-check-danger {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-danger);
  --bs-btn-border-color: var(--bs-danger);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.btn-check-danger {
  --bs-btn-active-bg: var(--bs-success);
  --bs-btn-active-border-color: var(--bs-success);
}

.btn-shared {
  --bs-btn-color: var(--bs-white);
  --bs-btn-bg: var(--bs-shared);
  --bs-btn-border-color: var(--bs-shared);
  --bs-btn-hover-color: var(--bs-white);
  --bs-btn-hover-bg: #802080;
  --bs-btn-hover-border-color: #802080;
  --bs-btn-focus-shadow-rgb: 225, 83, 97;
  --bs-btn-active-color: var(--bs-white);
  --bs-btn-active-bg: #806080;
  --bs-btn-active-border-color: #806080;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: var(--bs-white);
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}

.text-bg-primary {
  color: var(--bs-secondary) !important;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-secondary {
  color: var(--bs-primary) !important;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-success,
.text-bg-info,
.text-bg-warning,
.text-bg-danger,
.text-bg-reminder {
  color: var(--bs-white) !important;
}

.text-bg-success {
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-info {
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-warning {
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-danger {
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-reminder {
  background-color: rgba(var(--bs-reminder-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-shared {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-shared-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-replaced {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-replaced-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-returned {
  color: var(--bs-secondary) !important;
  background-color: rgba(var(--bs-returned-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-bg-theory,
.text-bg-therory {
  color: var(--bs-white) !important;
  background-color: rgba(var(--bs-theory-rgb), var(--bs-bg-opacity, 1)) !important;
}

.text-reminder {
  color: rgba(var(--bs-reminder-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-shared {
  color: rgba(var(--bs-shared-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-replaced {
  color: rgba(var(--bs-replaced-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-returned {
  color: rgba(var(--bs-returned-rgb), var(--bs-text-opacity, 1)) !important;
}

.text-theory,
.text-therory {
  color: rgba(var(--bs-theory-rgb), var(--bs-text-opacity, 1)) !important;
}

.bg-shared {
  background-color: rgba(var(--bs-shared-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-replaced {
  background-color: rgba(var(--bs-replaced-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-returned {
  background-color: rgba(var(--bs-returned-rgb), var(--bs-bg-opacity, 1)) !important;
}

.bg-theory,
.bg-therory {
  background-color: rgba(var(--bs-theory-rgb), var(--bs-bg-opacity, 1)) !important;
}

.border-shared {
  border-color: rgba(var(--bs-shared-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-replaced {
  border-color: rgba(var(--bs-replaced-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-returned {
  border-color: rgba(var(--bs-returned-rgb), var(--bs-border-opacity, 1)) !important;
}

.border-theory,
.border-therory {
  border-color: rgba(var(--bs-theory-rgb), var(--bs-border-opacity, 1)) !important;
}