@tabler/core 1.0.0-beta14 → 1.0.0-beta15

package/dist/css/tabler.rtl.css

@@ -1,6 +1,6 @@
 /*!
-* Tabler v1.0.0-beta14 (https://tabler.io)
-* @version 1.0.0-beta14
+* Tabler v1.0.0-beta15 (https://tabler.io)
+* @version 1.0.0-beta15
 * @link https://tabler.io
 * Copyright 2018-2022 The Tabler Authors
 * Copyright 2018-2022 codecalm.net Paweł Kuna
@@ -52,7 +52,7 @@
   --tblr-green: #2fb344;
   --tblr-teal: #0ca678;
   --tblr-cyan: #17a2b8;
-  --tblr-facebook: #3b5998;
+  --tblr-facebook: #1877F2;
   --tblr-twitter: #1da1f2;
   --tblr-linkedin: #0a66c2;
   --tblr-google: #dc4e41;
@@ -88,7 +88,7 @@
   --tblr-green-rgb: 47, 179, 68;
   --tblr-teal-rgb: 12, 166, 120;
   --tblr-cyan-rgb: 23, 162, 184;
-  --tblr-facebook-rgb: 59, 89, 152;
+  --tblr-facebook-rgb: 24, 119, 242;
   --tblr-twitter-rgb: 29, 161, 242;
   --tblr-linkedin-rgb: 10, 102, 194;
   --tblr-google-rgb: 220, 78, 65;
@@ -323,10 +323,10 @@ a > code {
 }
 
 kbd {
-  padding: 2px 0.375rem;
+  padding: 2px 4px;
   font-size: 85.714285%;
   color: var(--tblr-muted);
-  background-color: transparent;
+  background-color: var(--tblr-code-bg);
   border-radius: 2px;
 }
 kbd kbd {
@@ -3011,8 +3011,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-right: 1px var(--tblr-border-style);
   margin-left: 0.1em;
   margin-right: 0.4em;
   transform: rotate(45deg);
@@ -3174,8 +3174,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-right: 1px var(--tblr-border-style);
   margin-left: 0.1em;
   margin-right: 0.4em;
   transform: rotate(-135deg);
@@ -3194,8 +3194,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-right: 1px var(--tblr-border-style);
   margin-left: 0.1em;
   margin-right: 0.4em;
   transform: rotate(135deg);
@@ -3217,8 +3217,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-right: 1px var(--tblr-border-style);
   margin-left: 0.1em;
   margin-right: 0.4em;
   transform: rotate(-45deg);
@@ -5045,17 +5045,17 @@ textarea.form-control-lg {
 }
 
 .list-group-item-facebook {
-  color: #23355b;
-  background-color: #d8deea;
+  color: #0e4791;
+  background-color: #d1e4fc;
 }
 .list-group-item-facebook.list-group-item-action:hover, .list-group-item-facebook.list-group-item-action:focus {
-  color: #23355b;
-  background-color: #c2c8d3;
+  color: #0e4791;
+  background-color: #bccde3;
 }
 .list-group-item-facebook.list-group-item-action.active {
   color: #ffffff;
-  background-color: #23355b;
-  border-color: #23355b;
+  background-color: #0e4791;
+  border-color: #0e4791;
 }
 
 .list-group-item-twitter {
@@ -6891,7 +6891,7 @@ textarea.form-control-lg {
 
 .text-bg-facebook {
   color: #f8fafc !important;
-  background-color: RGBA(59, 89, 152, var(--tblr-bg-opacity, 1)) !important;
+  background-color: RGBA(24, 119, 242, var(--tblr-bg-opacity, 1)) !important;
 }
 
 .text-bg-twitter {
@@ -7112,10 +7112,10 @@ textarea.form-control-lg {
 }
 
 .link-facebook {
-  color: #3b5998 !important;
+  color: #1877F2 !important;
 }
 .link-facebook:hover, .link-facebook:focus {
-  color: #2f477a !important;
+  color: #135fc2 !important;
 }
 
 .link-twitter {
@@ -12086,10 +12086,10 @@ textarea.form-control-lg {
   --tblr-cyan-fg: var(--tblr-light);
   --tblr-cyan-darken: #1592a6;
   --tblr-cyan-rgb: 23, 162, 184;
-  --tblr-facebook: #3b5998;
+  --tblr-facebook: #1877F2;
   --tblr-facebook-fg: var(--tblr-light);
-  --tblr-facebook-darken: #355089;
-  --tblr-facebook-rgb: 59, 89, 152;
+  --tblr-facebook-darken: #166bda;
+  --tblr-facebook-rgb: 24, 119, 242;
   --tblr-twitter: #1da1f2;
   --tblr-twitter-fg: var(--tblr-light);
   --tblr-twitter-darken: #1a91da;
@@ -12227,6 +12227,107 @@ textarea.form-control-lg {
   --tblr-shadow-card-hover: rgba(var(--tblr-body-color-rgb), 0.16) 0 2px 16px 0;
 }
 
+@-webkit-keyframes pulse {
+  from {
+    opacity: 1;
+    transform: scale3d(0.8, 0.8, 0.8);
+  }
+  50% {
+    transform: scale3d(1, 1, 1);
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+    transform: scale3d(0.8, 0.8, 0.8);
+  }
+}
+
+@keyframes pulse {
+  from {
+    opacity: 1;
+    transform: scale3d(0.8, 0.8, 0.8);
+  }
+  50% {
+    transform: scale3d(1, 1, 1);
+    opacity: 1;
+  }
+  to {
+    opacity: 1;
+    transform: scale3d(0.8, 0.8, 0.8);
+  }
+}
+@-webkit-keyframes tada {
+  0% {
+    transform: scale3d(1, 1, 1);
+  }
+  10%, 5% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
+  }
+  15%, 25%, 35%, 45% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
+  }
+  20%, 30%, 40% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
+  }
+  50% {
+    transform: scale3d(1, 1, 1);
+  }
+}
+@keyframes tada {
+  0% {
+    transform: scale3d(1, 1, 1);
+  }
+  10%, 5% {
+    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
+  }
+  15%, 25%, 35%, 45% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
+  }
+  20%, 30%, 40% {
+    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
+  }
+  50% {
+    transform: scale3d(1, 1, 1);
+  }
+}
+@-webkit-keyframes rotate-360 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@keyframes rotate-360 {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(-360deg);
+  }
+}
+@-webkit-keyframes blink {
+  from {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
+@keyframes blink {
+  from {
+    opacity: 0;
+  }
+  50% {
+    opacity: 1;
+  }
+  to {
+    opacity: 0;
+  }
+}
 body {
   overflow-y: scroll;
   letter-spacing: 0;
@@ -14163,7 +14264,7 @@ Navbar vertical
 
 .page-subtitle {
   margin-top: 0.25rem;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .page-tabs {
@@ -14492,7 +14593,7 @@ body:not(.theme-dark) .hide-theme-light {
 }
 
 .alert {
-  --tblr-alert-color: #616876;
+  --tblr-alert-color: var(--tblr-muted);
   background: #ffffff;
   border: 1px var(--tblr-border-style) var(--tblr-border-color-translucent);
   border-right: 0.25rem var(--tblr-border-style) var(--tblr-alert-color);
@@ -14520,147 +14621,147 @@ body:not(.theme-dark) .hide-theme-light {
 }
 
 .alert-primary {
-  --tblr-alert-color: #206bc4;
+  --tblr-alert-color: var(--tblr-primary);
 }
 
 .alert-secondary {
-  --tblr-alert-color: #616876;
+  --tblr-alert-color: var(--tblr-secondary);
 }
 
 .alert-success {
-  --tblr-alert-color: #2fb344;
+  --tblr-alert-color: var(--tblr-success);
 }
 
 .alert-info {
-  --tblr-alert-color: #4299e1;
+  --tblr-alert-color: var(--tblr-info);
 }
 
 .alert-warning {
-  --tblr-alert-color: #f76707;
+  --tblr-alert-color: var(--tblr-warning);
 }
 
 .alert-danger {
-  --tblr-alert-color: #d63939;
+  --tblr-alert-color: var(--tblr-danger);
 }
 
 .alert-light {
-  --tblr-alert-color: #f8fafc;
+  --tblr-alert-color: var(--tblr-light);
 }
 
 .alert-dark {
-  --tblr-alert-color: #1d273b;
+  --tblr-alert-color: var(--tblr-dark);
 }
 
 .alert-muted {
-  --tblr-alert-color: #616876;
+  --tblr-alert-color: var(--tblr-muted);
 }
 
 .alert-blue {
-  --tblr-alert-color: #206bc4;
+  --tblr-alert-color: var(--tblr-blue);
 }
 
 .alert-azure {
-  --tblr-alert-color: #4299e1;
+  --tblr-alert-color: var(--tblr-azure);
 }
 
 .alert-indigo {
-  --tblr-alert-color: #4263eb;
+  --tblr-alert-color: var(--tblr-indigo);
 }
 
 .alert-purple {
-  --tblr-alert-color: #ae3ec9;
+  --tblr-alert-color: var(--tblr-purple);
 }
 
 .alert-pink {
-  --tblr-alert-color: #d6336c;
+  --tblr-alert-color: var(--tblr-pink);
 }
 
 .alert-red {
-  --tblr-alert-color: #d63939;
+  --tblr-alert-color: var(--tblr-red);
 }
 
 .alert-orange {
-  --tblr-alert-color: #f76707;
+  --tblr-alert-color: var(--tblr-orange);
 }
 
 .alert-yellow {
-  --tblr-alert-color: #f59f00;
+  --tblr-alert-color: var(--tblr-yellow);
 }
 
 .alert-lime {
-  --tblr-alert-color: #74b816;
+  --tblr-alert-color: var(--tblr-lime);
 }
 
 .alert-green {
-  --tblr-alert-color: #2fb344;
+  --tblr-alert-color: var(--tblr-green);
 }
 
 .alert-teal {
-  --tblr-alert-color: #0ca678;
+  --tblr-alert-color: var(--tblr-teal);
 }
 
 .alert-cyan {
-  --tblr-alert-color: #17a2b8;
+  --tblr-alert-color: var(--tblr-cyan);
 }
 
 .alert-facebook {
-  --tblr-alert-color: #3b5998;
+  --tblr-alert-color: var(--tblr-facebook);
 }
 
 .alert-twitter {
-  --tblr-alert-color: #1da1f2;
+  --tblr-alert-color: var(--tblr-twitter);
 }
 
 .alert-linkedin {
-  --tblr-alert-color: #0a66c2;
+  --tblr-alert-color: var(--tblr-linkedin);
 }
 
 .alert-google {
-  --tblr-alert-color: #dc4e41;
+  --tblr-alert-color: var(--tblr-google);
 }
 
 .alert-youtube {
-  --tblr-alert-color: #ff0000;
+  --tblr-alert-color: var(--tblr-youtube);
 }
 
 .alert-vimeo {
-  --tblr-alert-color: #1ab7ea;
+  --tblr-alert-color: var(--tblr-vimeo);
 }
 
 .alert-dribbble {
-  --tblr-alert-color: #ea4c89;
+  --tblr-alert-color: var(--tblr-dribbble);
 }
 
 .alert-github {
-  --tblr-alert-color: #181717;
+  --tblr-alert-color: var(--tblr-github);
 }
 
 .alert-instagram {
-  --tblr-alert-color: #e4405f;
+  --tblr-alert-color: var(--tblr-instagram);
 }
 
 .alert-pinterest {
-  --tblr-alert-color: #bd081c;
+  --tblr-alert-color: var(--tblr-pinterest);
 }
 
 .alert-vk {
-  --tblr-alert-color: #6383a8;
+  --tblr-alert-color: var(--tblr-vk);
 }
 
 .alert-rss {
-  --tblr-alert-color: #ffa500;
+  --tblr-alert-color: var(--tblr-rss);
 }
 
 .alert-flickr {
-  --tblr-alert-color: #0063dc;
+  --tblr-alert-color: var(--tblr-flickr);
 }
 
 .alert-bitbucket {
-  --tblr-alert-color: #0052cc;
+  --tblr-alert-color: var(--tblr-bitbucket);
 }
 
 .alert-tabler {
-  --tblr-alert-color: #206bc4;
+  --tblr-alert-color: var(--tblr-tabler);
 }
 
 .alert-icon {
@@ -14689,7 +14790,7 @@ body:not(.theme-dark) .hide-theme-light {
   display: inline-flex;
   align-items: center;
   justify-content: center;
-  color: #616876;
+  color: var(--tblr-muted);
   text-align: center;
   text-transform: uppercase;
   vertical-align: bottom;
@@ -14738,12 +14839,12 @@ a.avatar {
 }
 
 .avatar-md {
-  --tblr-avatar-size: 3.75rem;
+  --tblr-avatar-size: 4rem;
 }
 
 .avatar-md .badge:empty {
-  width: 0.9375rem;
-  height: 0.9375rem;
+  width: 1rem;
+  height: 1rem;
 }
 
 .avatar-lg {
@@ -14774,16 +14875,10 @@ a.avatar {
 }
 
 .avatar-list {
-  display: inline-flex;
-  padding: 0;
-  margin: 0 0 -0.5rem;
+  --tblr-list-gap: 0.5rem;
+  display: flex;
   flex-wrap: wrap;
-}
-.avatar-list .avatar {
-  margin-bottom: 0.5rem;
-}
-.avatar-list .avatar:not(:last-child) {
-  margin-left: 0.5rem;
+  gap: var(--tblr-list-gap);
 }
 .avatar-list a.avatar:hover {
   z-index: 1;
@@ -14871,12 +14966,6 @@ a.badge {
   stroke-width: 2;
 }
 
-.badge-sm {
-  font-size: 0.625rem;
-  line-height: 1rem;
-  padding: 0 0.25rem;
-}
-
 .badge-outline {
   background-color: transparent;
   border: var(--tblr-border-width) var(--tblr-border-style) currentColor;
@@ -14886,13 +14975,33 @@ a.badge {
   border-radius: 100rem;
 }
 
+.badges-list {
+  --tblr-list-gap: 0.5rem;
+  display: flex;
+  flex-wrap: wrap;
+  gap: var(--tblr-list-gap);
+}
+
+.badge-notification {
+  position: absolute !important;
+  top: 0 !important;
+  left: 0 !important;
+  transform: translate(-50%, -50%);
+  z-index: 1;
+}
+
+.badge-blink {
+  -webkit-animation: blink 2s infinite;
+          animation: blink 2s infinite;
+}
+
 .breadcrumb {
   padding: 0;
   margin: 0;
   background: transparent;
 }
 .breadcrumb a {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .breadcrumb a:hover {
   text-decoration: underline;
@@ -15972,18 +16081,17 @@ a.badge {
 }
 
 .btn-ghost-primary {
-  --tblr-btn-color: #206bc4;
+  --tblr-btn-color: var(--tblr-primary);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #206bc4;
-  --tblr-btn-hover-border-color: #206bc4;
-  --tblr-btn-focus-shadow-rgb: 32, 107, 196;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #206bc4;
+  --tblr-btn-hover-color: var(--tblr-primary-fg);
+  --tblr-btn-hover-bg: var(--tblr-primary);
+  --tblr-btn-hover-border-color: var(--tblr-primary);
+  --tblr-btn-active-color: var(--tblr-primary-fg);
+  --tblr-btn-active-bg: var(--tblr-primary);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #206bc4;
+  --tblr-btn-disabled-color: var(--tblr-primary);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -15991,18 +16099,17 @@ a.badge {
 }
 
 .btn-ghost-secondary {
-  --tblr-btn-color: #616876;
+  --tblr-btn-color: var(--tblr-secondary);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #616876;
-  --tblr-btn-hover-border-color: #616876;
-  --tblr-btn-focus-shadow-rgb: 97, 104, 118;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #616876;
+  --tblr-btn-hover-color: var(--tblr-secondary-fg);
+  --tblr-btn-hover-bg: var(--tblr-secondary);
+  --tblr-btn-hover-border-color: var(--tblr-secondary);
+  --tblr-btn-active-color: var(--tblr-secondary-fg);
+  --tblr-btn-active-bg: var(--tblr-secondary);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #616876;
+  --tblr-btn-disabled-color: var(--tblr-secondary);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16010,18 +16117,17 @@ a.badge {
 }
 
 .btn-ghost-success {
-  --tblr-btn-color: #2fb344;
+  --tblr-btn-color: var(--tblr-success);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #2fb344;
-  --tblr-btn-hover-border-color: #2fb344;
-  --tblr-btn-focus-shadow-rgb: 47, 179, 68;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #2fb344;
+  --tblr-btn-hover-color: var(--tblr-success-fg);
+  --tblr-btn-hover-bg: var(--tblr-success);
+  --tblr-btn-hover-border-color: var(--tblr-success);
+  --tblr-btn-active-color: var(--tblr-success-fg);
+  --tblr-btn-active-bg: var(--tblr-success);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #2fb344;
+  --tblr-btn-disabled-color: var(--tblr-success);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16029,18 +16135,17 @@ a.badge {
 }
 
 .btn-ghost-info {
-  --tblr-btn-color: #4299e1;
+  --tblr-btn-color: var(--tblr-info);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #4299e1;
-  --tblr-btn-hover-border-color: #4299e1;
-  --tblr-btn-focus-shadow-rgb: 66, 153, 225;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #4299e1;
+  --tblr-btn-hover-color: var(--tblr-info-fg);
+  --tblr-btn-hover-bg: var(--tblr-info);
+  --tblr-btn-hover-border-color: var(--tblr-info);
+  --tblr-btn-active-color: var(--tblr-info-fg);
+  --tblr-btn-active-bg: var(--tblr-info);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #4299e1;
+  --tblr-btn-disabled-color: var(--tblr-info);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16048,18 +16153,17 @@ a.badge {
 }
 
 .btn-ghost-warning {
-  --tblr-btn-color: #f76707;
+  --tblr-btn-color: var(--tblr-warning);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #f76707;
-  --tblr-btn-hover-border-color: #f76707;
-  --tblr-btn-focus-shadow-rgb: 247, 103, 7;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #f76707;
+  --tblr-btn-hover-color: var(--tblr-warning-fg);
+  --tblr-btn-hover-bg: var(--tblr-warning);
+  --tblr-btn-hover-border-color: var(--tblr-warning);
+  --tblr-btn-active-color: var(--tblr-warning-fg);
+  --tblr-btn-active-bg: var(--tblr-warning);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #f76707;
+  --tblr-btn-disabled-color: var(--tblr-warning);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16067,18 +16171,17 @@ a.badge {
 }
 
 .btn-ghost-danger {
-  --tblr-btn-color: #d63939;
+  --tblr-btn-color: var(--tblr-danger);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #d63939;
-  --tblr-btn-hover-border-color: #d63939;
-  --tblr-btn-focus-shadow-rgb: 214, 57, 57;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #d63939;
+  --tblr-btn-hover-color: var(--tblr-danger-fg);
+  --tblr-btn-hover-bg: var(--tblr-danger);
+  --tblr-btn-hover-border-color: var(--tblr-danger);
+  --tblr-btn-active-color: var(--tblr-danger-fg);
+  --tblr-btn-active-bg: var(--tblr-danger);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #d63939;
+  --tblr-btn-disabled-color: var(--tblr-danger);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16086,18 +16189,17 @@ a.badge {
 }
 
 .btn-ghost-light {
-  --tblr-btn-color: #f8fafc;
+  --tblr-btn-color: var(--tblr-light);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #1d273b;
-  --tblr-btn-hover-bg: #f8fafc;
-  --tblr-btn-hover-border-color: #f8fafc;
-  --tblr-btn-focus-shadow-rgb: 248, 250, 252;
-  --tblr-btn-active-color: #1d273b;
-  --tblr-btn-active-bg: #f8fafc;
+  --tblr-btn-hover-color: var(--tblr-light-fg);
+  --tblr-btn-hover-bg: var(--tblr-light);
+  --tblr-btn-hover-border-color: var(--tblr-light);
+  --tblr-btn-active-color: var(--tblr-light-fg);
+  --tblr-btn-active-bg: var(--tblr-light);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #f8fafc;
+  --tblr-btn-disabled-color: var(--tblr-light);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16105,18 +16207,17 @@ a.badge {
 }
 
 .btn-ghost-dark {
-  --tblr-btn-color: #1d273b;
+  --tblr-btn-color: var(--tblr-dark);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #1d273b;
-  --tblr-btn-hover-border-color: #1d273b;
-  --tblr-btn-focus-shadow-rgb: 29, 39, 59;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #1d273b;
+  --tblr-btn-hover-color: var(--tblr-dark-fg);
+  --tblr-btn-hover-bg: var(--tblr-dark);
+  --tblr-btn-hover-border-color: var(--tblr-dark);
+  --tblr-btn-active-color: var(--tblr-dark-fg);
+  --tblr-btn-active-bg: var(--tblr-dark);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #1d273b;
+  --tblr-btn-disabled-color: var(--tblr-dark);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16124,18 +16225,17 @@ a.badge {
 }
 
 .btn-ghost-muted {
-  --tblr-btn-color: #616876;
+  --tblr-btn-color: var(--tblr-muted);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #616876;
-  --tblr-btn-hover-border-color: #616876;
-  --tblr-btn-focus-shadow-rgb: 97, 104, 118;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #616876;
+  --tblr-btn-hover-color: var(--tblr-muted-fg);
+  --tblr-btn-hover-bg: var(--tblr-muted);
+  --tblr-btn-hover-border-color: var(--tblr-muted);
+  --tblr-btn-active-color: var(--tblr-muted-fg);
+  --tblr-btn-active-bg: var(--tblr-muted);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #616876;
+  --tblr-btn-disabled-color: var(--tblr-muted);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16143,18 +16243,17 @@ a.badge {
 }
 
 .btn-ghost-blue {
-  --tblr-btn-color: #206bc4;
+  --tblr-btn-color: var(--tblr-blue);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #206bc4;
-  --tblr-btn-hover-border-color: #206bc4;
-  --tblr-btn-focus-shadow-rgb: 32, 107, 196;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #206bc4;
+  --tblr-btn-hover-color: var(--tblr-blue-fg);
+  --tblr-btn-hover-bg: var(--tblr-blue);
+  --tblr-btn-hover-border-color: var(--tblr-blue);
+  --tblr-btn-active-color: var(--tblr-blue-fg);
+  --tblr-btn-active-bg: var(--tblr-blue);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #206bc4;
+  --tblr-btn-disabled-color: var(--tblr-blue);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16162,18 +16261,17 @@ a.badge {
 }
 
 .btn-ghost-azure {
-  --tblr-btn-color: #4299e1;
+  --tblr-btn-color: var(--tblr-azure);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #4299e1;
-  --tblr-btn-hover-border-color: #4299e1;
-  --tblr-btn-focus-shadow-rgb: 66, 153, 225;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #4299e1;
+  --tblr-btn-hover-color: var(--tblr-azure-fg);
+  --tblr-btn-hover-bg: var(--tblr-azure);
+  --tblr-btn-hover-border-color: var(--tblr-azure);
+  --tblr-btn-active-color: var(--tblr-azure-fg);
+  --tblr-btn-active-bg: var(--tblr-azure);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #4299e1;
+  --tblr-btn-disabled-color: var(--tblr-azure);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16181,18 +16279,17 @@ a.badge {
 }
 
 .btn-ghost-indigo {
-  --tblr-btn-color: #4263eb;
+  --tblr-btn-color: var(--tblr-indigo);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #4263eb;
-  --tblr-btn-hover-border-color: #4263eb;
-  --tblr-btn-focus-shadow-rgb: 66, 99, 235;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #4263eb;
+  --tblr-btn-hover-color: var(--tblr-indigo-fg);
+  --tblr-btn-hover-bg: var(--tblr-indigo);
+  --tblr-btn-hover-border-color: var(--tblr-indigo);
+  --tblr-btn-active-color: var(--tblr-indigo-fg);
+  --tblr-btn-active-bg: var(--tblr-indigo);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #4263eb;
+  --tblr-btn-disabled-color: var(--tblr-indigo);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16200,18 +16297,17 @@ a.badge {
 }
 
 .btn-ghost-purple {
-  --tblr-btn-color: #ae3ec9;
+  --tblr-btn-color: var(--tblr-purple);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #ae3ec9;
-  --tblr-btn-hover-border-color: #ae3ec9;
-  --tblr-btn-focus-shadow-rgb: 174, 62, 201;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #ae3ec9;
+  --tblr-btn-hover-color: var(--tblr-purple-fg);
+  --tblr-btn-hover-bg: var(--tblr-purple);
+  --tblr-btn-hover-border-color: var(--tblr-purple);
+  --tblr-btn-active-color: var(--tblr-purple-fg);
+  --tblr-btn-active-bg: var(--tblr-purple);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #ae3ec9;
+  --tblr-btn-disabled-color: var(--tblr-purple);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16219,18 +16315,17 @@ a.badge {
 }
 
 .btn-ghost-pink {
-  --tblr-btn-color: #d6336c;
+  --tblr-btn-color: var(--tblr-pink);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #d6336c;
-  --tblr-btn-hover-border-color: #d6336c;
-  --tblr-btn-focus-shadow-rgb: 214, 51, 108;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #d6336c;
+  --tblr-btn-hover-color: var(--tblr-pink-fg);
+  --tblr-btn-hover-bg: var(--tblr-pink);
+  --tblr-btn-hover-border-color: var(--tblr-pink);
+  --tblr-btn-active-color: var(--tblr-pink-fg);
+  --tblr-btn-active-bg: var(--tblr-pink);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #d6336c;
+  --tblr-btn-disabled-color: var(--tblr-pink);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16238,18 +16333,17 @@ a.badge {
 }
 
 .btn-ghost-red {
-  --tblr-btn-color: #d63939;
+  --tblr-btn-color: var(--tblr-red);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #d63939;
-  --tblr-btn-hover-border-color: #d63939;
-  --tblr-btn-focus-shadow-rgb: 214, 57, 57;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #d63939;
+  --tblr-btn-hover-color: var(--tblr-red-fg);
+  --tblr-btn-hover-bg: var(--tblr-red);
+  --tblr-btn-hover-border-color: var(--tblr-red);
+  --tblr-btn-active-color: var(--tblr-red-fg);
+  --tblr-btn-active-bg: var(--tblr-red);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #d63939;
+  --tblr-btn-disabled-color: var(--tblr-red);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16257,18 +16351,17 @@ a.badge {
 }
 
 .btn-ghost-orange {
-  --tblr-btn-color: #f76707;
+  --tblr-btn-color: var(--tblr-orange);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #f76707;
-  --tblr-btn-hover-border-color: #f76707;
-  --tblr-btn-focus-shadow-rgb: 247, 103, 7;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #f76707;
+  --tblr-btn-hover-color: var(--tblr-orange-fg);
+  --tblr-btn-hover-bg: var(--tblr-orange);
+  --tblr-btn-hover-border-color: var(--tblr-orange);
+  --tblr-btn-active-color: var(--tblr-orange-fg);
+  --tblr-btn-active-bg: var(--tblr-orange);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #f76707;
+  --tblr-btn-disabled-color: var(--tblr-orange);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16276,18 +16369,17 @@ a.badge {
 }
 
 .btn-ghost-yellow {
-  --tblr-btn-color: #f59f00;
+  --tblr-btn-color: var(--tblr-yellow);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #f59f00;
-  --tblr-btn-hover-border-color: #f59f00;
-  --tblr-btn-focus-shadow-rgb: 245, 159, 0;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #f59f00;
+  --tblr-btn-hover-color: var(--tblr-yellow-fg);
+  --tblr-btn-hover-bg: var(--tblr-yellow);
+  --tblr-btn-hover-border-color: var(--tblr-yellow);
+  --tblr-btn-active-color: var(--tblr-yellow-fg);
+  --tblr-btn-active-bg: var(--tblr-yellow);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #f59f00;
+  --tblr-btn-disabled-color: var(--tblr-yellow);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16295,18 +16387,17 @@ a.badge {
 }
 
 .btn-ghost-lime {
-  --tblr-btn-color: #74b816;
+  --tblr-btn-color: var(--tblr-lime);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #74b816;
-  --tblr-btn-hover-border-color: #74b816;
-  --tblr-btn-focus-shadow-rgb: 116, 184, 22;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #74b816;
+  --tblr-btn-hover-color: var(--tblr-lime-fg);
+  --tblr-btn-hover-bg: var(--tblr-lime);
+  --tblr-btn-hover-border-color: var(--tblr-lime);
+  --tblr-btn-active-color: var(--tblr-lime-fg);
+  --tblr-btn-active-bg: var(--tblr-lime);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #74b816;
+  --tblr-btn-disabled-color: var(--tblr-lime);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16314,18 +16405,17 @@ a.badge {
 }
 
 .btn-ghost-green {
-  --tblr-btn-color: #2fb344;
+  --tblr-btn-color: var(--tblr-green);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #2fb344;
-  --tblr-btn-hover-border-color: #2fb344;
-  --tblr-btn-focus-shadow-rgb: 47, 179, 68;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #2fb344;
+  --tblr-btn-hover-color: var(--tblr-green-fg);
+  --tblr-btn-hover-bg: var(--tblr-green);
+  --tblr-btn-hover-border-color: var(--tblr-green);
+  --tblr-btn-active-color: var(--tblr-green-fg);
+  --tblr-btn-active-bg: var(--tblr-green);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #2fb344;
+  --tblr-btn-disabled-color: var(--tblr-green);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16333,18 +16423,17 @@ a.badge {
 }
 
 .btn-ghost-teal {
-  --tblr-btn-color: #0ca678;
+  --tblr-btn-color: var(--tblr-teal);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #0ca678;
-  --tblr-btn-hover-border-color: #0ca678;
-  --tblr-btn-focus-shadow-rgb: 12, 166, 120;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #0ca678;
+  --tblr-btn-hover-color: var(--tblr-teal-fg);
+  --tblr-btn-hover-bg: var(--tblr-teal);
+  --tblr-btn-hover-border-color: var(--tblr-teal);
+  --tblr-btn-active-color: var(--tblr-teal-fg);
+  --tblr-btn-active-bg: var(--tblr-teal);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #0ca678;
+  --tblr-btn-disabled-color: var(--tblr-teal);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16352,18 +16441,17 @@ a.badge {
 }
 
 .btn-ghost-cyan {
-  --tblr-btn-color: #17a2b8;
+  --tblr-btn-color: var(--tblr-cyan);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #17a2b8;
-  --tblr-btn-hover-border-color: #17a2b8;
-  --tblr-btn-focus-shadow-rgb: 23, 162, 184;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #17a2b8;
+  --tblr-btn-hover-color: var(--tblr-cyan-fg);
+  --tblr-btn-hover-bg: var(--tblr-cyan);
+  --tblr-btn-hover-border-color: var(--tblr-cyan);
+  --tblr-btn-active-color: var(--tblr-cyan-fg);
+  --tblr-btn-active-bg: var(--tblr-cyan);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #17a2b8;
+  --tblr-btn-disabled-color: var(--tblr-cyan);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16371,18 +16459,17 @@ a.badge {
 }
 
 .btn-ghost-facebook {
-  --tblr-btn-color: #3b5998;
+  --tblr-btn-color: var(--tblr-facebook);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #3b5998;
-  --tblr-btn-hover-border-color: #3b5998;
-  --tblr-btn-focus-shadow-rgb: 59, 89, 152;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #3b5998;
+  --tblr-btn-hover-color: var(--tblr-facebook-fg);
+  --tblr-btn-hover-bg: var(--tblr-facebook);
+  --tblr-btn-hover-border-color: var(--tblr-facebook);
+  --tblr-btn-active-color: var(--tblr-facebook-fg);
+  --tblr-btn-active-bg: var(--tblr-facebook);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #3b5998;
+  --tblr-btn-disabled-color: var(--tblr-facebook);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16390,18 +16477,17 @@ a.badge {
 }
 
 .btn-ghost-twitter {
-  --tblr-btn-color: #1da1f2;
+  --tblr-btn-color: var(--tblr-twitter);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #1da1f2;
-  --tblr-btn-hover-border-color: #1da1f2;
-  --tblr-btn-focus-shadow-rgb: 29, 161, 242;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #1da1f2;
+  --tblr-btn-hover-color: var(--tblr-twitter-fg);
+  --tblr-btn-hover-bg: var(--tblr-twitter);
+  --tblr-btn-hover-border-color: var(--tblr-twitter);
+  --tblr-btn-active-color: var(--tblr-twitter-fg);
+  --tblr-btn-active-bg: var(--tblr-twitter);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #1da1f2;
+  --tblr-btn-disabled-color: var(--tblr-twitter);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16409,18 +16495,17 @@ a.badge {
 }
 
 .btn-ghost-linkedin {
-  --tblr-btn-color: #0a66c2;
+  --tblr-btn-color: var(--tblr-linkedin);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #0a66c2;
-  --tblr-btn-hover-border-color: #0a66c2;
-  --tblr-btn-focus-shadow-rgb: 10, 102, 194;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #0a66c2;
+  --tblr-btn-hover-color: var(--tblr-linkedin-fg);
+  --tblr-btn-hover-bg: var(--tblr-linkedin);
+  --tblr-btn-hover-border-color: var(--tblr-linkedin);
+  --tblr-btn-active-color: var(--tblr-linkedin-fg);
+  --tblr-btn-active-bg: var(--tblr-linkedin);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #0a66c2;
+  --tblr-btn-disabled-color: var(--tblr-linkedin);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16428,18 +16513,17 @@ a.badge {
 }
 
 .btn-ghost-google {
-  --tblr-btn-color: #dc4e41;
+  --tblr-btn-color: var(--tblr-google);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #dc4e41;
-  --tblr-btn-hover-border-color: #dc4e41;
-  --tblr-btn-focus-shadow-rgb: 220, 78, 65;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #dc4e41;
+  --tblr-btn-hover-color: var(--tblr-google-fg);
+  --tblr-btn-hover-bg: var(--tblr-google);
+  --tblr-btn-hover-border-color: var(--tblr-google);
+  --tblr-btn-active-color: var(--tblr-google-fg);
+  --tblr-btn-active-bg: var(--tblr-google);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #dc4e41;
+  --tblr-btn-disabled-color: var(--tblr-google);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16447,18 +16531,17 @@ a.badge {
 }
 
 .btn-ghost-youtube {
-  --tblr-btn-color: #ff0000;
+  --tblr-btn-color: var(--tblr-youtube);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #ff0000;
-  --tblr-btn-hover-border-color: #ff0000;
-  --tblr-btn-focus-shadow-rgb: 255, 0, 0;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #ff0000;
+  --tblr-btn-hover-color: var(--tblr-youtube-fg);
+  --tblr-btn-hover-bg: var(--tblr-youtube);
+  --tblr-btn-hover-border-color: var(--tblr-youtube);
+  --tblr-btn-active-color: var(--tblr-youtube-fg);
+  --tblr-btn-active-bg: var(--tblr-youtube);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #ff0000;
+  --tblr-btn-disabled-color: var(--tblr-youtube);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16466,18 +16549,17 @@ a.badge {
 }
 
 .btn-ghost-vimeo {
-  --tblr-btn-color: #1ab7ea;
+  --tblr-btn-color: var(--tblr-vimeo);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #1ab7ea;
-  --tblr-btn-hover-border-color: #1ab7ea;
-  --tblr-btn-focus-shadow-rgb: 26, 183, 234;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #1ab7ea;
+  --tblr-btn-hover-color: var(--tblr-vimeo-fg);
+  --tblr-btn-hover-bg: var(--tblr-vimeo);
+  --tblr-btn-hover-border-color: var(--tblr-vimeo);
+  --tblr-btn-active-color: var(--tblr-vimeo-fg);
+  --tblr-btn-active-bg: var(--tblr-vimeo);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #1ab7ea;
+  --tblr-btn-disabled-color: var(--tblr-vimeo);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16485,18 +16567,17 @@ a.badge {
 }
 
 .btn-ghost-dribbble {
-  --tblr-btn-color: #ea4c89;
+  --tblr-btn-color: var(--tblr-dribbble);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #ea4c89;
-  --tblr-btn-hover-border-color: #ea4c89;
-  --tblr-btn-focus-shadow-rgb: 234, 76, 137;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #ea4c89;
+  --tblr-btn-hover-color: var(--tblr-dribbble-fg);
+  --tblr-btn-hover-bg: var(--tblr-dribbble);
+  --tblr-btn-hover-border-color: var(--tblr-dribbble);
+  --tblr-btn-active-color: var(--tblr-dribbble-fg);
+  --tblr-btn-active-bg: var(--tblr-dribbble);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #ea4c89;
+  --tblr-btn-disabled-color: var(--tblr-dribbble);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16504,18 +16585,17 @@ a.badge {
 }
 
 .btn-ghost-github {
-  --tblr-btn-color: #181717;
+  --tblr-btn-color: var(--tblr-github);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #181717;
-  --tblr-btn-hover-border-color: #181717;
-  --tblr-btn-focus-shadow-rgb: 24, 23, 23;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #181717;
+  --tblr-btn-hover-color: var(--tblr-github-fg);
+  --tblr-btn-hover-bg: var(--tblr-github);
+  --tblr-btn-hover-border-color: var(--tblr-github);
+  --tblr-btn-active-color: var(--tblr-github-fg);
+  --tblr-btn-active-bg: var(--tblr-github);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #181717;
+  --tblr-btn-disabled-color: var(--tblr-github);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16523,18 +16603,17 @@ a.badge {
 }
 
 .btn-ghost-instagram {
-  --tblr-btn-color: #e4405f;
+  --tblr-btn-color: var(--tblr-instagram);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #e4405f;
-  --tblr-btn-hover-border-color: #e4405f;
-  --tblr-btn-focus-shadow-rgb: 228, 64, 95;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #e4405f;
+  --tblr-btn-hover-color: var(--tblr-instagram-fg);
+  --tblr-btn-hover-bg: var(--tblr-instagram);
+  --tblr-btn-hover-border-color: var(--tblr-instagram);
+  --tblr-btn-active-color: var(--tblr-instagram-fg);
+  --tblr-btn-active-bg: var(--tblr-instagram);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #e4405f;
+  --tblr-btn-disabled-color: var(--tblr-instagram);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16542,18 +16621,17 @@ a.badge {
 }
 
 .btn-ghost-pinterest {
-  --tblr-btn-color: #bd081c;
+  --tblr-btn-color: var(--tblr-pinterest);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #bd081c;
-  --tblr-btn-hover-border-color: #bd081c;
-  --tblr-btn-focus-shadow-rgb: 189, 8, 28;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #bd081c;
+  --tblr-btn-hover-color: var(--tblr-pinterest-fg);
+  --tblr-btn-hover-bg: var(--tblr-pinterest);
+  --tblr-btn-hover-border-color: var(--tblr-pinterest);
+  --tblr-btn-active-color: var(--tblr-pinterest-fg);
+  --tblr-btn-active-bg: var(--tblr-pinterest);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #bd081c;
+  --tblr-btn-disabled-color: var(--tblr-pinterest);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16561,18 +16639,17 @@ a.badge {
 }
 
 .btn-ghost-vk {
-  --tblr-btn-color: #6383a8;
+  --tblr-btn-color: var(--tblr-vk);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #6383a8;
-  --tblr-btn-hover-border-color: #6383a8;
-  --tblr-btn-focus-shadow-rgb: 99, 131, 168;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #6383a8;
+  --tblr-btn-hover-color: var(--tblr-vk-fg);
+  --tblr-btn-hover-bg: var(--tblr-vk);
+  --tblr-btn-hover-border-color: var(--tblr-vk);
+  --tblr-btn-active-color: var(--tblr-vk-fg);
+  --tblr-btn-active-bg: var(--tblr-vk);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #6383a8;
+  --tblr-btn-disabled-color: var(--tblr-vk);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16580,18 +16657,17 @@ a.badge {
 }
 
 .btn-ghost-rss {
-  --tblr-btn-color: #ffa500;
+  --tblr-btn-color: var(--tblr-rss);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #ffa500;
-  --tblr-btn-hover-border-color: #ffa500;
-  --tblr-btn-focus-shadow-rgb: 255, 165, 0;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #ffa500;
+  --tblr-btn-hover-color: var(--tblr-rss-fg);
+  --tblr-btn-hover-bg: var(--tblr-rss);
+  --tblr-btn-hover-border-color: var(--tblr-rss);
+  --tblr-btn-active-color: var(--tblr-rss-fg);
+  --tblr-btn-active-bg: var(--tblr-rss);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #ffa500;
+  --tblr-btn-disabled-color: var(--tblr-rss);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16599,18 +16675,17 @@ a.badge {
 }
 
 .btn-ghost-flickr {
-  --tblr-btn-color: #0063dc;
+  --tblr-btn-color: var(--tblr-flickr);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #0063dc;
-  --tblr-btn-hover-border-color: #0063dc;
-  --tblr-btn-focus-shadow-rgb: 0, 99, 220;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #0063dc;
+  --tblr-btn-hover-color: var(--tblr-flickr-fg);
+  --tblr-btn-hover-bg: var(--tblr-flickr);
+  --tblr-btn-hover-border-color: var(--tblr-flickr);
+  --tblr-btn-active-color: var(--tblr-flickr-fg);
+  --tblr-btn-active-bg: var(--tblr-flickr);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #0063dc;
+  --tblr-btn-disabled-color: var(--tblr-flickr);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16618,18 +16693,17 @@ a.badge {
 }
 
 .btn-ghost-bitbucket {
-  --tblr-btn-color: #0052cc;
+  --tblr-btn-color: var(--tblr-bitbucket);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #0052cc;
-  --tblr-btn-hover-border-color: #0052cc;
-  --tblr-btn-focus-shadow-rgb: 0, 82, 204;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #0052cc;
+  --tblr-btn-hover-color: var(--tblr-bitbucket-fg);
+  --tblr-btn-hover-bg: var(--tblr-bitbucket);
+  --tblr-btn-hover-border-color: var(--tblr-bitbucket);
+  --tblr-btn-active-color: var(--tblr-bitbucket-fg);
+  --tblr-btn-active-bg: var(--tblr-bitbucket);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #0052cc;
+  --tblr-btn-disabled-color: var(--tblr-bitbucket);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16637,18 +16711,17 @@ a.badge {
 }
 
 .btn-ghost-tabler {
-  --tblr-btn-color: #206bc4;
+  --tblr-btn-color: var(--tblr-tabler);
   --tblr-btn-bg: transparent;
   --tblr-btn-border-color: transparent;
-  --tblr-btn-hover-color: #f8fafc;
-  --tblr-btn-hover-bg: #206bc4;
-  --tblr-btn-hover-border-color: #206bc4;
-  --tblr-btn-focus-shadow-rgb: 32, 107, 196;
-  --tblr-btn-active-color: #f8fafc;
-  --tblr-btn-active-bg: #206bc4;
+  --tblr-btn-hover-color: var(--tblr-tabler-fg);
+  --tblr-btn-hover-bg: var(--tblr-tabler);
+  --tblr-btn-hover-border-color: var(--tblr-tabler);
+  --tblr-btn-active-color: var(--tblr-tabler-fg);
+  --tblr-btn-active-bg: var(--tblr-tabler);
   --tblr-btn-active-border-color: transparent;
   --tblr-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
-  --tblr-btn-disabled-color: #206bc4;
+  --tblr-btn-disabled-color: var(--tblr-tabler);
   --tblr-btn-disabled-bg: transparent;
   --tblr-btn-disabled-border-color: transparent;
   --tblr-gradient: none;
@@ -16689,13 +16762,10 @@ a.badge {
 }
 
 .btn-list {
+  --tblr-list-gap: 0.5rem;
   display: flex;
   flex-wrap: wrap;
-  margin-bottom: -0.5rem !important;
-  margin-left: -0.5rem;
-}
-.btn-list > * {
-  margin: 0 0 0.5rem 0.5rem !important;
+  gap: var(--tblr-list-gap);
 }
 
 .btn-floating {
@@ -16735,13 +16805,14 @@ a.badge {
 .btn-action {
   padding: 0;
   border: 0;
-  color: #616876;
+  color: var(--tblr-muted);
   display: inline-flex;
   width: 2rem;
   height: 2rem;
   align-items: center;
   justify-content: center;
   border-radius: var(--tblr-border-radius);
+  background: transparent;
 }
 .btn-action:after {
   content: none;
@@ -16751,8 +16822,8 @@ a.badge {
   box-shadow: none;
 }
 .btn-action:hover, .btn-action.show {
-  color: #1d273b;
-  background: #f1f5f9;
+  color: var(--tblr-body-color);
+  background: var(--tblr-active-bg);
 }
 .btn-action.show {
   color: var(--tblr-primary);
@@ -16795,7 +16866,7 @@ a.badge {
 }
 
 .calendar-header {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .calendar-date {
@@ -17188,7 +17259,7 @@ Stacked card
 }
 
 .card-meta {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .card-title {
@@ -17208,7 +17279,7 @@ a.card-title:hover {
 
 .card-subtitle {
   margin-bottom: 1.25rem;
-  color: #616876;
+  color: var(--tblr-muted);
   font-weight: normal;
 }
 .card-header .card-subtitle {
@@ -17270,7 +17341,7 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-right: 0.25rem;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 /**
@@ -17483,7 +17554,7 @@ Card list group
   width: 1.25rem !important;
   height: 1.25rem !important;
   margin-left: 0.5rem;
-  color: #616876;
+  color: var(--tblr-muted);
   opacity: 0.7;
   text-align: center;
 }
@@ -17603,7 +17674,7 @@ Card list group
   width: 3rem;
   height: 3rem;
   line-height: 1;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .empty-icon svg {
   width: 100%;
@@ -17624,7 +17695,7 @@ Card list group
   font-size: 4rem;
   font-weight: var(--tblr-font-weight-light);
   line-height: 1;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .empty-title {
@@ -17995,9 +18066,10 @@ Card list group
 }
 
 .icon {
-  width: 1.25rem;
-  height: 1.25rem;
-  font-size: 1.25rem;
+  --tblr-icon-size: 1.25rem;
+  width: var(--tblr-icon-size);
+  height: var(--tblr-icon-size);
+  font-size: var(--tblr-icon-size);
   vertical-align: bottom;
   stroke-width: 1.5;
 }
@@ -18006,9 +18078,7 @@ Card list group
 }
 
 .icon-inline {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
+  --tblr-icon-size: 1rem;
   vertical-align: -0.2rem;
 }
 
@@ -18017,124 +18087,40 @@ Card list group
 }
 
 .icon-sm {
-  width: 1rem;
-  height: 1rem;
+  --tblr-icon-size: 1rem;
   stroke-width: 1;
 }
 
 .icon-md {
-  width: 2.5rem;
-  height: 2.5rem;
+  --tblr-icon-size: 2.5rem;
   stroke-width: 1;
 }
 
 .icon-lg {
-  width: 3.5rem;
-  height: 3.5rem;
+  --tblr-icon-size: 3.5rem;
   stroke-width: 1;
 }
 
-@-webkit-keyframes icon-pulse {
-  from {
-    opacity: 1;
-    transform: scale3d(0.8, 0.8, 0.8);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-    opacity: 1;
-  }
-  to {
-    opacity: 1;
-    transform: scale3d(0.8, 0.8, 0.8);
-  }
-}
-
-@keyframes icon-pulse {
-  from {
-    opacity: 1;
-    transform: scale3d(0.8, 0.8, 0.8);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-    opacity: 1;
-  }
-  to {
-    opacity: 1;
-    transform: scale3d(0.8, 0.8, 0.8);
-  }
-}
 .icon-pulse {
   transition: all 0.15s ease 0s;
-  -webkit-animation: icon-pulse 2s ease infinite;
-          animation: icon-pulse 2s ease infinite;
+  -webkit-animation: pulse 2s ease infinite;
+          animation: pulse 2s ease infinite;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
 }
 
-@-webkit-keyframes icon-tada {
-  0% {
-    transform: scale3d(1, 1, 1);
-  }
-  10%, 5% {
-    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
-  }
-  15%, 25%, 35%, 45% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
-  }
-  20%, 30%, 40% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-  }
-}
-
-@keyframes icon-tada {
-  0% {
-    transform: scale3d(1, 1, 1);
-  }
-  10%, 5% {
-    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, 5deg);
-  }
-  15%, 25%, 35%, 45% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -5deg);
-  }
-  20%, 30%, 40% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 5deg);
-  }
-  50% {
-    transform: scale3d(1, 1, 1);
-  }
-}
 .icon-tada {
   transition: all 0.15s ease 0s;
-  -webkit-animation: icon-tada 3s ease infinite;
-          animation: icon-tada 3s ease infinite;
+  -webkit-animation: tada 3s ease infinite;
+          animation: tada 3s ease infinite;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
 }
 
-@-webkit-keyframes icon-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(-360deg);
-  }
-}
-
-@keyframes icon-rotate {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(-360deg);
-  }
-}
 .icon-rotate {
   transition: all 0.15s ease 0s;
-  -webkit-animation: icon-rotate 3s linear infinite;
-          animation: icon-rotate 3s linear infinite;
+  -webkit-animation: rotate-360 3s linear infinite;
+          animation: rotate-360 3s linear infinite;
   -webkit-animation-fill-mode: both;
           animation-fill-mode: both;
 }
@@ -18194,7 +18180,7 @@ Form label
 .form-label-description {
   float: left;
   font-weight: var(--tblr-font-weight-normal);
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 /**
@@ -18202,7 +18188,7 @@ Form hint
  */
 .form-hint {
   display: block;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .form-hint:last-child {
   margin-bottom: 0;
@@ -18232,7 +18218,7 @@ Form control
   color: var(--tblr-body-color);
 }
 .form-control:disabled, .form-control.disabled {
-  color: #616876;
+  color: var(--tblr-muted);
   -webkit-user-select: none;
      -moz-user-select: none;
       -ms-user-select: none;
@@ -18321,7 +18307,7 @@ Form help
   width: 1.125rem;
   height: 1.125rem;
   font-size: 0.75rem;
-  color: #616876;
+  color: var(--tblr-muted);
   text-align: center;
   text-decoration: none;
   cursor: pointer;
@@ -18578,7 +18564,7 @@ Image check
 .form-imagecheck-caption {
   padding: 0.25rem;
   font-size: 0.765625rem;
-  color: #616876;
+  color: var(--tblr-muted);
   text-align: center;
   transition: color 0.3s;
 }
@@ -18628,7 +18614,7 @@ Select group
   padding: 0.4375rem 0.75rem;
   font-size: 0.875rem;
   line-height: 1.4285714286;
-  color: #616876;
+  color: var(--tblr-muted);
   background: var(--tblr-bg-forms);
   text-align: center;
   cursor: pointer;
@@ -18807,7 +18793,7 @@ Form check
 
 .form-check-description {
   display: block;
-  color: #616876;
+  color: var(--tblr-muted);
   font-size: 0.75rem;
   margin-top: 0.25rem;
 }
@@ -18942,7 +18928,7 @@ Timeline
 .list-timeline-time {
   float: left;
   margin-right: 1rem;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .list-timeline-icon {
@@ -18956,7 +18942,7 @@ Timeline
   height: 2.5rem;
   color: #ffffff;
   text-align: center;
-  background: #616876;
+  background: var(--tblr-muted);
   border-radius: 100rem;
 }
 .list-timeline-icon .icon {
@@ -18982,9 +18968,9 @@ Timeline
     right: calc(7.5rem + 2px);
     z-index: 1;
     display: block;
-    width: 4px;
+    width: 2px;
     content: "";
-    background-color: #f1f5f9;
+    background-color: var(--tblr-border-color);
   }
   .list-timeline:not(.list-timeline-simple) > li {
     z-index: 2;
@@ -19016,7 +19002,7 @@ Timeline
   border: 0;
 }
 .list-group-transparent .list-group-item .icon {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .list-group-transparent .list-group-item.active {
   font-weight: var(--tblr-font-weight-bold);
@@ -19055,23 +19041,6 @@ Inline list
           margin-inline-end: 0.5rem;
 }
 
-@-webkit-keyframes loader {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(-360deg);
-  }
-}
-
-@keyframes loader {
-  from {
-    transform: rotate(0deg);
-  }
-  to {
-    transform: rotate(-360deg);
-  }
-}
 .loader {
   position: relative;
   display: block;
@@ -19087,13 +19056,13 @@ Inline list
   width: 100%;
   height: 100%;
   content: "";
-  border: 1px solid;
+  border: 1px var(--tblr-border-style);
   border-color: transparent;
   border-top-color: currentColor;
   border-right-color: currentColor;
   border-radius: 100rem;
-  -webkit-animation: loader 0.6s linear;
-          animation: loader 0.6s linear;
+  -webkit-animation: rotate-360 0.6s linear;
+          animation: rotate-360 0.6s linear;
   -webkit-animation-iteration-count: infinite;
           animation-iteration-count: infinite;
 }
@@ -19193,7 +19162,7 @@ Dimmer
   right: 0;
   left: 0;
   height: 2px;
-  background: #616876;
+  background: var(--tblr-muted);
   border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0;
 }
 
@@ -19255,7 +19224,7 @@ Dimmer
   margin: 0 0 -var(--tblr-border-width);
   border: 0;
   border-bottom: 2px var(--tblr-border-style) transparent;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .nav-bordered .nav-link.active,
 .nav-bordered .nav-item.show .nav-link {
@@ -19290,8 +19259,8 @@ Dimmer
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-right: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-right: 1px var(--tblr-border-style);
   margin-left: 0.1em;
   margin-right: 0.4em;
   transform: rotate(45deg);
@@ -19357,7 +19326,7 @@ Dimmer
 .page-item-subtitle {
   margin-bottom: 2px;
   font-size: 12px;
-  color: #616876;
+  color: var(--tblr-muted);
   text-transform: uppercase;
 }
 .page-item.disabled .page-item-subtitle {
@@ -19517,7 +19486,7 @@ Progressbg
   height: 0;
   content: "";
   filter: brightness(70%);
-  border: calc(var(--tblr-ribbon-margin) * 0.5) solid;
+  border: calc(var(--tblr-ribbon-margin) * 0.5) var(--tblr-border-style);
   border-color: inherit;
   border-top-color: transparent;
   border-left-color: transparent;
@@ -19655,7 +19624,7 @@ Progressbg
   width: 0;
   height: 0;
   content: "";
-  border: 1rem solid;
+  border: 1rem var(--tblr-border-style);
   border-color: inherit;
   border-left-width: 0;
   border-right-color: transparent;
@@ -19904,13 +19873,13 @@ a.step-item:hover {
   background: var(--tblr-bg-surface);
 }
 .step-item.active ~ .step-item {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .step-item.active ~ .step-item:after, .step-item.active ~ .step-item:before {
   background: #f3f5f5;
 }
 .step-item.active ~ .step-item:before {
-  color: #616876 !important;
+  color: var(--tblr-muted) !important;
 }
 
 .steps-counter {
@@ -20148,8 +20117,8 @@ a.step-item:hover {
 }
 
 .status-facebook {
-  --tblr-status-color: #3b5998;
-  --tblr-status-color-rgb: 59, 89, 152;
+  --tblr-status-color: #1877F2;
+  --tblr-status-color-rgb: 24, 119, 242;
 }
 
 .status-twitter {
@@ -21061,7 +21030,7 @@ a.step-item:hover {
 }
 
 .toast-facebook {
-  --tblr-toast-color: #3b5998;
+  --tblr-toast-color: #1877F2;
 }
 
 .toast-twitter {
@@ -21192,7 +21161,7 @@ Hr text
 .hr-text > *:first-child {
   padding-left: 0.5rem;
   padding-right: 0;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .hr-text.hr-text-right:before {
   content: none;
@@ -21343,8 +21312,14 @@ code {
 }
 
 kbd {
-  font: inherit;
-  box-shadow: 0 0 0 1px var(--tblr-border-color), 0 3px 0 0 var(--tblr-bg-surface), 0 3px 0 1px var(--tblr-border-color);
+  border: var(--tblr-border-width) var(--tblr-border-style) var(--tblr-border-color);
+  display: inline-block;
+  box-sizing: border-box;
+  max-width: 100%;
+  font-size: var(--tblr-font-size-h5);
+  font-weight: var(--tblr-font-weight-medium);
+  line-height: 1;
+  vertical-align: baseline;
 }
 
 img {
@@ -21803,6 +21778,15 @@ Chart sparkline
   background-color: rgba(var(--tblr-tabler-rgb), 0.1) !important;
 }
 
+.bg-white {
+  background-color: var(--tblr-white) !important;
+}
+
+.bg-white-lt {
+  color: var(--tblr-white) !important;
+  background-color: rgba(var(--tblr-white-rgb), 0.1) !important;
+}
+
 .text-primary {
   color: var(--tblr-primary) !important;
 }