@tabler/core 1.0.0-beta14 → 1.0.0-beta15

package/dist/css/tabler.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 {
@@ -3013,8 +3013,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-left: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-left: 1px var(--tblr-border-style);
   margin-right: 0.1em;
   margin-left: 0.4em;
   transform: rotate(-45deg);
@@ -3176,8 +3176,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-left: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-left: 1px var(--tblr-border-style);
   margin-right: 0.1em;
   margin-left: 0.4em;
   transform: rotate(135deg);
@@ -3196,8 +3196,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-left: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-left: 1px var(--tblr-border-style);
   margin-right: 0.1em;
   margin-left: 0.4em;
   transform: rotate(-135deg);
@@ -3219,8 +3219,8 @@ textarea.form-control-lg {
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-left: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-left: 1px var(--tblr-border-style);
   margin-right: 0.1em;
   margin-left: 0.4em;
   transform: rotate(45deg);
@@ -5047,17 +5047,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 {
@@ -6922,7 +6922,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 {
@@ -7143,10 +7143,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 {
@@ -12125,10 +12125,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;
@@ -12266,6 +12266,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;
@@ -14202,7 +14303,7 @@ Navbar vertical
 
 .page-subtitle {
   margin-top: 0.25rem;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .page-tabs {
@@ -14531,7 +14632,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-left: 0.25rem var(--tblr-border-style) var(--tblr-alert-color);
@@ -14559,147 +14660,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 {
@@ -14728,7 +14829,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;
@@ -14777,12 +14878,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 {
@@ -14813,16 +14914,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-right: 0.5rem;
+  gap: var(--tblr-list-gap);
 }
 .avatar-list a.avatar:hover {
   z-index: 1;
@@ -14910,12 +15005,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;
@@ -14925,13 +15014,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;
+  right: 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;
@@ -16011,18 +16120,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;
@@ -16030,18 +16138,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;
@@ -16049,18 +16156,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;
@@ -16068,18 +16174,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;
@@ -16087,18 +16192,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;
@@ -16106,18 +16210,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;
@@ -16125,18 +16228,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;
@@ -16144,18 +16246,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;
@@ -16163,18 +16264,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;
@@ -16182,18 +16282,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;
@@ -16201,18 +16300,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;
@@ -16220,18 +16318,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;
@@ -16239,18 +16336,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;
@@ -16258,18 +16354,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;
@@ -16277,18 +16372,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;
@@ -16296,18 +16390,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;
@@ -16315,18 +16408,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;
@@ -16334,18 +16426,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;
@@ -16353,18 +16444,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;
@@ -16372,18 +16462,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;
@@ -16391,18 +16480,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;
@@ -16410,18 +16498,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;
@@ -16429,18 +16516,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;
@@ -16448,18 +16534,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;
@@ -16467,18 +16552,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;
@@ -16486,18 +16570,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;
@@ -16505,18 +16588,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;
@@ -16524,18 +16606,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;
@@ -16543,18 +16624,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;
@@ -16562,18 +16642,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;
@@ -16581,18 +16660,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;
@@ -16600,18 +16678,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;
@@ -16619,18 +16696,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;
@@ -16638,18 +16714,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;
@@ -16657,18 +16732,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;
@@ -16676,18 +16750,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;
@@ -16728,13 +16801,10 @@ a.badge {
 }
 
 .btn-list {
+  --tblr-list-gap: 0.5rem;
   display: flex;
   flex-wrap: wrap;
-  margin-bottom: -0.5rem !important;
-  margin-right: -0.5rem;
-}
-.btn-list > * {
-  margin: 0 0.5rem 0.5rem 0 !important;
+  gap: var(--tblr-list-gap);
 }
 
 .btn-floating {
@@ -16774,13 +16844,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;
@@ -16790,8 +16861,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);
@@ -16834,7 +16905,7 @@ a.badge {
 }
 
 .calendar-header {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .calendar-date {
@@ -17227,7 +17298,7 @@ Stacked card
 }
 
 .card-meta {
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .card-title {
@@ -17247,7 +17318,7 @@ a.card-title:hover {
 
 .card-subtitle {
   margin-bottom: 1.25rem;
-  color: #616876;
+  color: var(--tblr-muted);
   font-weight: normal;
 }
 .card-header .card-subtitle {
@@ -17309,7 +17380,7 @@ Card optinos
   display: inline-block;
   min-width: 1rem;
   margin-left: 0.25rem;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 /**
@@ -17522,7 +17593,7 @@ Card list group
   width: 1.25rem !important;
   height: 1.25rem !important;
   margin-right: 0.5rem;
-  color: #616876;
+  color: var(--tblr-muted);
   opacity: 0.7;
   text-align: center;
 }
@@ -17642,7 +17713,7 @@ Card list group
   width: 3rem;
   height: 3rem;
   line-height: 1;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .empty-icon svg {
   width: 100%;
@@ -17663,7 +17734,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 {
@@ -18034,9 +18105,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;
 }
@@ -18045,9 +18117,7 @@ Card list group
 }
 
 .icon-inline {
-  width: 1rem;
-  height: 1rem;
-  font-size: 1rem;
+  --tblr-icon-size: 1rem;
   vertical-align: -0.2rem;
 }
 
@@ -18056,124 +18126,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;
 }
@@ -18233,7 +18219,7 @@ Form label
 .form-label-description {
   float: right;
   font-weight: var(--tblr-font-weight-normal);
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 /**
@@ -18241,7 +18227,7 @@ Form hint
  */
 .form-hint {
   display: block;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .form-hint:last-child {
   margin-bottom: 0;
@@ -18271,7 +18257,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;
@@ -18360,7 +18346,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;
@@ -18617,7 +18603,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;
 }
@@ -18667,7 +18653,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;
@@ -18846,7 +18832,7 @@ Form check
 
 .form-check-description {
   display: block;
-  color: #616876;
+  color: var(--tblr-muted);
   font-size: 0.75rem;
   margin-top: 0.25rem;
 }
@@ -18981,7 +18967,7 @@ Timeline
 .list-timeline-time {
   float: right;
   margin-left: 1rem;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 
 .list-timeline-icon {
@@ -18995,7 +18981,7 @@ Timeline
   height: 2.5rem;
   color: #ffffff;
   text-align: center;
-  background: #616876;
+  background: var(--tblr-muted);
   border-radius: 100rem;
 }
 .list-timeline-icon .icon {
@@ -19021,9 +19007,9 @@ Timeline
     left: 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;
@@ -19055,7 +19041,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);
@@ -19094,23 +19080,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;
@@ -19126,13 +19095,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-left-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;
 }
@@ -19232,7 +19201,7 @@ Dimmer
   left: 0;
   right: 0;
   height: 2px;
-  background: #616876;
+  background: var(--tblr-muted);
   border-radius: var(--tblr-border-radius-lg) var(--tblr-border-radius-lg) 0 0;
 }
 
@@ -19294,7 +19263,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 {
@@ -19329,8 +19298,8 @@ Dimmer
   vertical-align: 0.306em;
   width: 0.36em;
   height: 0.36em;
-  border-bottom: 1px solid;
-  border-left: 1px solid;
+  border-bottom: 1px var(--tblr-border-style);
+  border-left: 1px var(--tblr-border-style);
   margin-right: 0.1em;
   margin-left: 0.4em;
   transform: rotate(-45deg);
@@ -19396,7 +19365,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 {
@@ -19556,7 +19525,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-right-color: transparent;
@@ -19694,7 +19663,7 @@ Progressbg
   width: 0;
   height: 0;
   content: "";
-  border: 1rem solid;
+  border: 1rem var(--tblr-border-style);
   border-color: inherit;
   border-right-width: 0;
   border-left-color: transparent;
@@ -19943,13 +19912,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 {
@@ -20187,8 +20156,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 {
@@ -21100,7 +21069,7 @@ a.step-item:hover {
 }
 
 .toast-facebook {
-  --tblr-toast-color: #3b5998;
+  --tblr-toast-color: #1877F2;
 }
 
 .toast-twitter {
@@ -21231,7 +21200,7 @@ Hr text
 .hr-text > *:first-child {
   padding-right: 0.5rem;
   padding-left: 0;
-  color: #616876;
+  color: var(--tblr-muted);
 }
 .hr-text.hr-text-left:before {
   content: none;
@@ -21382,8 +21351,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 {
@@ -21842,6 +21817,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;
 }