@charset "UTF-8";
/* =========================================================
   Repodmin UI Button & Utilities (SCSS)
   Not: Tüm renk/tone erişimleri --repodmin-$color-$variant şemasını kullanır.
   Örn: var(--repodmin-green-bg), var(--repodmin-orange-hover-bg) vb.
   ======================================================= */
/* -----------------------
   0) Özelleştirilebilir temeller
------------------------*/
:root {
  --repodmin-green-bg: #1daa61;
  --repodmin-green-soft-bg: #eaf7f0;
  --repodmin-green-text: #1daa61;
  --repodmin-green-border-color: #1daa61;
  --repodmin-green-color: #fff;
  --repodmin-green-hover-bg: #24d67a;
  --repodmin-green-hover-border-color: #24d67a;
  --repodmin-green-hover-color: #fff;
  --repodmin-green-active-bg: #188c50;
  --repodmin-green-active-border-color: #188c50;
  --repodmin-green-active-color: #fff;
  --repodmin-green-disabled-bg: #a5ddc0;
  --repodmin-green-disabled-border-color: #a5ddc0;
  --repodmin-green-disabled-color: #fff;
  --repodmin-green-focus-shadow-rgb: 29, 170, 97;
  --repodmin-orange-bg: #ff6000;
  --repodmin-orange-soft-bg: #fff3e8;
  --repodmin-orange-text: #ff6000;
  --repodmin-orange-border-color: #ff6000;
  --repodmin-orange-color: #fff;
  --repodmin-orange-hover-bg: #ff7a26;
  --repodmin-orange-hover-border-color: #ff7a26;
  --repodmin-orange-hover-color: #fff;
  --repodmin-orange-active-bg: #cc4d00;
  --repodmin-orange-active-border-color: #cc4d00;
  --repodmin-orange-active-color: #fff;
  --repodmin-orange-disabled-bg: #ffc299;
  --repodmin-orange-disabled-border-color: #ffc299;
  --repodmin-orange-disabled-color: #fff;
  --repodmin-orange-focus-shadow-rgb: 255, 96, 0;
  --repodmin-deepsky-blue-bg: #3abeff;
  --repodmin-deepsky-blue-soft-bg: #eaf6ff;
  --repodmin-deepsky-blue-text: #3abeff;
  --repodmin-deepsky-blue-border-color: #3abeff;
  --repodmin-deepsky-blue-color: #fff;
  --repodmin-deepsky-blue-hover-bg: #77d2ff;
  --repodmin-deepsky-blue-hover-border-color: #77d2ff;
  --repodmin-deepsky-blue-hover-color: #fff;
  --repodmin-deepsky-blue-active-bg: #00a9fc;
  --repodmin-deepsky-blue-active-border-color: #00a9fc;
  --repodmin-deepsky-blue-active-color: #fff;
  --repodmin-deepsky-blue-disabled-bg: #c4ecff;
  --repodmin-deepsky-blue-disabled-border-color: #c4ecff;
  --repodmin-deepsky-blue-disabled-color: #fff;
  --repodmin-deepsky-blue-focus-shadow-rgb: 58, 190, 255;
  --repodmin-cyan-bg: #26ffe6;
  --repodmin-cyan-soft-bg: #e6fffb;
  --repodmin-cyan-text: #26ffe6;
  --repodmin-cyan-border-color: #26ffe6;
  --repodmin-cyan-color: #111;
  --repodmin-cyan-hover-bg: #63ffed;
  --repodmin-cyan-hover-border-color: #63ffed;
  --repodmin-cyan-hover-color: #111;
  --repodmin-cyan-active-bg: #00e8cd;
  --repodmin-cyan-active-border-color: #00e8cd;
  --repodmin-cyan-active-color: #111;
  --repodmin-cyan-disabled-bg: #befff8;
  --repodmin-cyan-disabled-border-color: #befff8;
  --repodmin-cyan-disabled-color: #111;
  --repodmin-cyan-focus-shadow-rgb: 38, 255, 230;
  --repodmin-claret-bg: #820933;
  --repodmin-claret-soft-bg: #fdecf3;
  --repodmin-claret-text: #820933;
  --repodmin-claret-border-color: #820933;
  --repodmin-claret-color: #fff;
  --repodmin-claret-hover-bg: #bb0d49;
  --repodmin-claret-hover-border-color: #bb0d49;
  --repodmin-claret-hover-color: #fff;
  --repodmin-claret-active-bg: #49051d;
  --repodmin-claret-active-border-color: #49051d;
  --repodmin-claret-active-color: #fff;
  --repodmin-claret-disabled-bg: #dab5c2;
  --repodmin-claret-disabled-border-color: #dab5c2;
  --repodmin-claret-disabled-color: #fff;
  --repodmin-claret-focus-shadow-rgb: 130, 9, 51;
  --repodmin-chartreuse-bg: #e0ff4f;
  --repodmin-chartreuse-soft-bg: #fbffe6;
  --repodmin-chartreuse-text: #e0ff4f;
  --repodmin-chartreuse-border-color: #e0ff4f;
  --repodmin-chartreuse-color: #111;
  --repodmin-chartreuse-hover-bg: #ebff8c;
  --repodmin-chartreuse-hover-border-color: #ebff8c;
  --repodmin-chartreuse-hover-color: #111;
  --repodmin-chartreuse-active-bg: #d5ff12;
  --repodmin-chartreuse-active-border-color: #d5ff12;
  --repodmin-chartreuse-active-color: #111;
  --repodmin-chartreuse-disabled-bg: #f6ffca;
  --repodmin-chartreuse-disabled-border-color: #f6ffca;
  --repodmin-chartreuse-disabled-color: #111;
  --repodmin-chartreuse-focus-shadow-rgb: 224, 255, 79;
  --repodmin-gunmetal-bg: #00272b;
  --repodmin-gunmetal-soft-bg: #eaf3f4;
  --repodmin-gunmetal-text: #00272b;
  --repodmin-gunmetal-border-color: #00272b;
  --repodmin-gunmetal-color: #fff;
  --repodmin-gunmetal-hover-bg: #005f68;
  --repodmin-gunmetal-hover-border-color: #005f68;
  --repodmin-gunmetal-hover-color: #fff;
  --repodmin-gunmetal-active-bg: #000000;
  --repodmin-gunmetal-active-border-color: #000000;
  --repodmin-gunmetal-active-color: #fff;
  --repodmin-gunmetal-disabled-bg: #b2bebf;
  --repodmin-gunmetal-disabled-border-color: #b2bebf;
  --repodmin-gunmetal-disabled-color: #fff;
  --repodmin-gunmetal-focus-shadow-rgb: 0, 39, 43;
  --repodmin-bittersweet-bg: #ff6663;
  --repodmin-bittersweet-soft-bg: #ffefee;
  --repodmin-bittersweet-text: #ff6663;
  --repodmin-bittersweet-border-color: #ff6663;
  --repodmin-bittersweet-color: #fff;
  --repodmin-bittersweet-hover-bg: #ffa2a0;
  --repodmin-bittersweet-hover-border-color: #ffa2a0;
  --repodmin-bittersweet-hover-color: #fff;
  --repodmin-bittersweet-active-bg: #ff2a26;
  --repodmin-bittersweet-active-border-color: #ff2a26;
  --repodmin-bittersweet-active-color: #fff;
  --repodmin-bittersweet-disabled-bg: #ffd1d0;
  --repodmin-bittersweet-disabled-border-color: #ffd1d0;
  --repodmin-bittersweet-disabled-color: #fff;
  --repodmin-bittersweet-focus-shadow-rgb: 255, 102, 99;
  --repodmin-majorelle-blue-bg: #623cea;
  --repodmin-majorelle-blue-soft-bg: #efe9ff;
  --repodmin-majorelle-blue-text: #623cea;
  --repodmin-majorelle-blue-border-color: #623cea;
  --repodmin-majorelle-blue-color: #fff;
  --repodmin-majorelle-blue-hover-bg: #8e73f0;
  --repodmin-majorelle-blue-hover-border-color: #8e73f0;
  --repodmin-majorelle-blue-hover-color: #fff;
  --repodmin-majorelle-blue-active-bg: #4017d2;
  --repodmin-majorelle-blue-active-border-color: #4017d2;
  --repodmin-majorelle-blue-active-color: #fff;
  --repodmin-majorelle-blue-disabled-bg: #d0c4f9;
  --repodmin-majorelle-blue-disabled-border-color: #d0c4f9;
  --repodmin-majorelle-blue-disabled-color: #fff;
  --repodmin-majorelle-blue-focus-shadow-rgb: 98, 60, 234;
  --repodmin-pearl-bg: #e7dfc6;
  --repodmin-pearl-soft-bg: #fbf9f3;
  --repodmin-pearl-text: #e7dfc6;
  --repodmin-pearl-border-color: #e7dfc6;
  --repodmin-pearl-color: #111;
  --repodmin-pearl-hover-bg: #f9f7f1;
  --repodmin-pearl-hover-border-color: #f9f7f1;
  --repodmin-pearl-hover-color: #111;
  --repodmin-pearl-active-bg: #d5c79b;
  --repodmin-pearl-active-border-color: #d5c79b;
  --repodmin-pearl-active-color: #111;
  --repodmin-pearl-disabled-bg: #f8f5ee;
  --repodmin-pearl-disabled-border-color: #f8f5ee;
  --repodmin-pearl-disabled-color: #111;
  --repodmin-pearl-focus-shadow-rgb: 231, 223, 198;
  --repodmin-neaples-bg: #efcb68;
  --repodmin-neaples-soft-bg: #fff6e3;
  --repodmin-neaples-text: #efcb68;
  --repodmin-neaples-border-color: #efcb68;
  --repodmin-neaples-color: #111;
  --repodmin-neaples-hover-bg: #f5de9f;
  --repodmin-neaples-hover-border-color: #f5de9f;
  --repodmin-neaples-hover-color: #111;
  --repodmin-neaples-active-bg: #e9b831;
  --repodmin-neaples-active-border-color: #e9b831;
  --repodmin-neaples-active-color: #111;
  --repodmin-neaples-disabled-bg: #faefd2;
  --repodmin-neaples-disabled-border-color: #faefd2;
  --repodmin-neaples-disabled-color: #111;
  --repodmin-neaples-focus-shadow-rgb: 239, 203, 104;
  --repodmin-red-bg: #fb4d3d;
  --repodmin-red-soft-bg: #ffe9e7;
  --repodmin-red-text: #fb4d3d;
  --repodmin-red-border-color: #fb4d3d;
  --repodmin-red-color: #fff;
  --repodmin-red-hover-bg: #fc8479;
  --repodmin-red-hover-border-color: #fc8479;
  --repodmin-red-hover-color: #fff;
  --repodmin-red-active-bg: #f61905;
  --repodmin-red-active-border-color: #f61905;
  --repodmin-red-active-color: #fff;
  --repodmin-red-disabled-bg: #fecac5;
  --repodmin-red-disabled-border-color: #fecac5;
  --repodmin-red-disabled-color: #fff;
  --repodmin-red-focus-shadow-rgb: 251, 77, 61;
  --btn-font-weight: 600;
  --btn-radius: 0.5rem;
  --btn-transition: 0.18s ease-in-out;
  --btn-focus-ring-w: 0.25rem;
  --btn-icon-gap: 0.5rem;
}

/* Renk anahtarları: senin var olan token’larının renk adları */
/* -----------------------
   1) Yardımcı fonksiyon & mixin'ler
------------------------*/
/* var(--repodmin-<name>-<suffix>) döndürür */
/* rgba(var(--repodmin-<name>-focus-shadow-rgb), .X) üretir */
/* Dolu (filled) buton varyantı */
/* Outline */
/* Soft (yarı transparan) */
/* Ghost (tam transparan sınır yok) */
/* -----------------------
   2) Base .btn + boyutlar
------------------------*/
.btn, .btn-ghost-repodmin-red, .btn-soft-repodmin-red, .btn-outline-repodmin-red, .btn-repodmin-red, .btn-ghost-repodmin-neaples, .btn-soft-repodmin-neaples, .btn-outline-repodmin-neaples, .btn-repodmin-neaples, .btn-ghost-repodmin-pearl, .btn-soft-repodmin-pearl, .btn-outline-repodmin-pearl, .btn-repodmin-pearl, .btn-ghost-repodmin-majorelle-blue, .btn-soft-repodmin-majorelle-blue, .btn-outline-repodmin-majorelle-blue, .btn-repodmin-majorelle-blue, .btn-ghost-repodmin-bittersweet, .btn-soft-repodmin-bittersweet, .btn-outline-repodmin-bittersweet, .btn-repodmin-bittersweet, .btn-ghost-repodmin-gunmetal, .btn-soft-repodmin-gunmetal, .btn-outline-repodmin-gunmetal, .btn-repodmin-gunmetal, .btn-ghost-repodmin-chartreuse, .btn-soft-repodmin-chartreuse, .btn-outline-repodmin-chartreuse, .btn-repodmin-chartreuse, .btn-ghost-repodmin-claret, .btn-soft-repodmin-claret, .btn-outline-repodmin-claret, .btn-repodmin-claret, .btn-ghost-repodmin-cyan, .btn-soft-repodmin-cyan, .btn-outline-repodmin-cyan, .btn-repodmin-cyan, .btn-ghost-repodmin-deepsky-blue, .btn-soft-repodmin-deepsky-blue, .btn-outline-repodmin-deepsky-blue, .btn-repodmin-deepsky-blue, .btn-ghost-repodmin-orange, .btn-soft-repodmin-orange, .btn-outline-repodmin-orange, .btn-repodmin-orange, .btn-ghost-repodmin-green, .btn-soft-repodmin-green, .btn-outline-repodmin-green, .btn-repodmin-green {
  --_py: map-get(map-get($btn-sizes, md), py);
  --_px: map-get(map-get($btn-sizes, md), px);
  --_fs: map-get(map-get($btn-sizes, md), fs);
  --_radius: map-get(map-get($btn-sizes, md), radius);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--btn-icon-gap);
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-weight: var(--btn-font-weight);
  font-size: var(--_fs);
  line-height: 1.2;
  padding: var(--_py) var(--_px);
  border-radius: var(--_radius);
  border: 1px solid transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  transition: background-color var(--btn-transition), border-color var(--btn-transition), color var(--btn-transition), box-shadow var(--btn-transition), transform 0.08s ease-out;
  text-decoration: none;
}
.btn:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-red:active:not(:disabled):not(.disabled), .btn-soft-repodmin-red:active:not(:disabled):not(.disabled), .btn-outline-repodmin-red:active:not(:disabled):not(.disabled), .btn-repodmin-red:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-soft-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-outline-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-soft-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-outline-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-soft-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-outline-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-soft-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-outline-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-soft-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-outline-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-soft-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-outline-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-claret:active:not(:disabled):not(.disabled), .btn-soft-repodmin-claret:active:not(:disabled):not(.disabled), .btn-outline-repodmin-claret:active:not(:disabled):not(.disabled), .btn-repodmin-claret:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-soft-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-outline-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-soft-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-outline-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-orange:active:not(:disabled):not(.disabled), .btn-soft-repodmin-orange:active:not(:disabled):not(.disabled), .btn-outline-repodmin-orange:active:not(:disabled):not(.disabled), .btn-repodmin-orange:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-green:active:not(:disabled):not(.disabled), .btn-soft-repodmin-green:active:not(:disabled):not(.disabled), .btn-outline-repodmin-green:active:not(:disabled):not(.disabled), .btn-repodmin-green:active:not(:disabled):not(.disabled) {
  transform: translateY(1px);
}
.btn:disabled, .btn-ghost-repodmin-red:disabled, .btn-soft-repodmin-red:disabled, .btn-outline-repodmin-red:disabled, .btn-repodmin-red:disabled, .btn-ghost-repodmin-neaples:disabled, .btn-soft-repodmin-neaples:disabled, .btn-outline-repodmin-neaples:disabled, .btn-repodmin-neaples:disabled, .btn-ghost-repodmin-pearl:disabled, .btn-soft-repodmin-pearl:disabled, .btn-outline-repodmin-pearl:disabled, .btn-repodmin-pearl:disabled, .btn-ghost-repodmin-majorelle-blue:disabled, .btn-soft-repodmin-majorelle-blue:disabled, .btn-outline-repodmin-majorelle-blue:disabled, .btn-repodmin-majorelle-blue:disabled, .btn-ghost-repodmin-bittersweet:disabled, .btn-soft-repodmin-bittersweet:disabled, .btn-outline-repodmin-bittersweet:disabled, .btn-repodmin-bittersweet:disabled, .btn-ghost-repodmin-gunmetal:disabled, .btn-soft-repodmin-gunmetal:disabled, .btn-outline-repodmin-gunmetal:disabled, .btn-repodmin-gunmetal:disabled, .btn-ghost-repodmin-chartreuse:disabled, .btn-soft-repodmin-chartreuse:disabled, .btn-outline-repodmin-chartreuse:disabled, .btn-repodmin-chartreuse:disabled, .btn-ghost-repodmin-claret:disabled, .btn-soft-repodmin-claret:disabled, .btn-outline-repodmin-claret:disabled, .btn-repodmin-claret:disabled, .btn-ghost-repodmin-cyan:disabled, .btn-soft-repodmin-cyan:disabled, .btn-outline-repodmin-cyan:disabled, .btn-repodmin-cyan:disabled, .btn-ghost-repodmin-deepsky-blue:disabled, .btn-soft-repodmin-deepsky-blue:disabled, .btn-outline-repodmin-deepsky-blue:disabled, .btn-repodmin-deepsky-blue:disabled, .btn-ghost-repodmin-orange:disabled, .btn-soft-repodmin-orange:disabled, .btn-outline-repodmin-orange:disabled, .btn-repodmin-orange:disabled, .btn-ghost-repodmin-green:disabled, .btn-soft-repodmin-green:disabled, .btn-outline-repodmin-green:disabled, .btn-repodmin-green:disabled, .btn.disabled, .disabled.btn-ghost-repodmin-red, .disabled.btn-soft-repodmin-red, .disabled.btn-outline-repodmin-red, .disabled.btn-repodmin-red, .disabled.btn-ghost-repodmin-neaples, .disabled.btn-soft-repodmin-neaples, .disabled.btn-outline-repodmin-neaples, .disabled.btn-repodmin-neaples, .disabled.btn-ghost-repodmin-pearl, .disabled.btn-soft-repodmin-pearl, .disabled.btn-outline-repodmin-pearl, .disabled.btn-repodmin-pearl, .disabled.btn-ghost-repodmin-majorelle-blue, .disabled.btn-soft-repodmin-majorelle-blue, .disabled.btn-outline-repodmin-majorelle-blue, .disabled.btn-repodmin-majorelle-blue, .disabled.btn-ghost-repodmin-bittersweet, .disabled.btn-soft-repodmin-bittersweet, .disabled.btn-outline-repodmin-bittersweet, .disabled.btn-repodmin-bittersweet, .disabled.btn-ghost-repodmin-gunmetal, .disabled.btn-soft-repodmin-gunmetal, .disabled.btn-outline-repodmin-gunmetal, .disabled.btn-repodmin-gunmetal, .disabled.btn-ghost-repodmin-chartreuse, .disabled.btn-soft-repodmin-chartreuse, .disabled.btn-outline-repodmin-chartreuse, .disabled.btn-repodmin-chartreuse, .disabled.btn-ghost-repodmin-claret, .disabled.btn-soft-repodmin-claret, .disabled.btn-outline-repodmin-claret, .disabled.btn-repodmin-claret, .disabled.btn-ghost-repodmin-cyan, .disabled.btn-soft-repodmin-cyan, .disabled.btn-outline-repodmin-cyan, .disabled.btn-repodmin-cyan, .disabled.btn-ghost-repodmin-deepsky-blue, .disabled.btn-soft-repodmin-deepsky-blue, .disabled.btn-outline-repodmin-deepsky-blue, .disabled.btn-repodmin-deepsky-blue, .disabled.btn-ghost-repodmin-orange, .disabled.btn-soft-repodmin-orange, .disabled.btn-outline-repodmin-orange, .disabled.btn-repodmin-orange, .disabled.btn-ghost-repodmin-green, .disabled.btn-soft-repodmin-green, .disabled.btn-outline-repodmin-green, .disabled.btn-repodmin-green {
  cursor: not-allowed;
  opacity: 0.65;
}
.btn:focus-visible, .btn-ghost-repodmin-red:focus-visible, .btn-soft-repodmin-red:focus-visible, .btn-outline-repodmin-red:focus-visible, .btn-repodmin-red:focus-visible, .btn-ghost-repodmin-neaples:focus-visible, .btn-soft-repodmin-neaples:focus-visible, .btn-outline-repodmin-neaples:focus-visible, .btn-repodmin-neaples:focus-visible, .btn-ghost-repodmin-pearl:focus-visible, .btn-soft-repodmin-pearl:focus-visible, .btn-outline-repodmin-pearl:focus-visible, .btn-repodmin-pearl:focus-visible, .btn-ghost-repodmin-majorelle-blue:focus-visible, .btn-soft-repodmin-majorelle-blue:focus-visible, .btn-outline-repodmin-majorelle-blue:focus-visible, .btn-repodmin-majorelle-blue:focus-visible, .btn-ghost-repodmin-bittersweet:focus-visible, .btn-soft-repodmin-bittersweet:focus-visible, .btn-outline-repodmin-bittersweet:focus-visible, .btn-repodmin-bittersweet:focus-visible, .btn-ghost-repodmin-gunmetal:focus-visible, .btn-soft-repodmin-gunmetal:focus-visible, .btn-outline-repodmin-gunmetal:focus-visible, .btn-repodmin-gunmetal:focus-visible, .btn-ghost-repodmin-chartreuse:focus-visible, .btn-soft-repodmin-chartreuse:focus-visible, .btn-outline-repodmin-chartreuse:focus-visible, .btn-repodmin-chartreuse:focus-visible, .btn-ghost-repodmin-claret:focus-visible, .btn-soft-repodmin-claret:focus-visible, .btn-outline-repodmin-claret:focus-visible, .btn-repodmin-claret:focus-visible, .btn-ghost-repodmin-cyan:focus-visible, .btn-soft-repodmin-cyan:focus-visible, .btn-outline-repodmin-cyan:focus-visible, .btn-repodmin-cyan:focus-visible, .btn-ghost-repodmin-deepsky-blue:focus-visible, .btn-soft-repodmin-deepsky-blue:focus-visible, .btn-outline-repodmin-deepsky-blue:focus-visible, .btn-repodmin-deepsky-blue:focus-visible, .btn-ghost-repodmin-orange:focus-visible, .btn-soft-repodmin-orange:focus-visible, .btn-outline-repodmin-orange:focus-visible, .btn-repodmin-orange:focus-visible, .btn-ghost-repodmin-green:focus-visible, .btn-soft-repodmin-green:focus-visible, .btn-outline-repodmin-green:focus-visible, .btn-repodmin-green:focus-visible {
  outline: none;
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(0, 0, 0, 0.12);
}

.btn-sm {
  --_py: map-get(map-get($btn-sizes, sm), py);
  --_px: map-get(map-get($btn-sizes, sm), px);
  --_fs: map-get(map-get($btn-sizes, sm), fs);
  --_radius: map-get(map-get($btn-sizes, sm), radius);
}

.btn-lg {
  --_py: map-get(map-get($btn-sizes, lg), py);
  --_px: map-get(map-get($btn-sizes, lg), px);
  --_fs: map-get(map-get($btn-sizes, lg), fs);
  --_radius: map-get(map-get($btn-sizes, lg), radius);
}

.btn-block {
  display: flex;
  width: 100%;
}

/* İkon butonlar */
.btn-icon {
  --_size: map-get(map-get($btn-sizes, md), icon);
  width: var(--_size);
  height: var(--_size);
  padding: 0;
}
.btn-icon i,
.btn-icon svg {
  pointer-events: none;
}

.btn-icon-sm {
  --_size: map-get(map-get($btn-sizes, sm), icon);
}

.btn-icon-lg {
  --_size: map-get(map-get($btn-sizes, lg), icon);
}

/* -----------------------
   3) Renk varyant sınıfları
   (Mevcut şeman: .btn-repodmin-<color> vb.)
------------------------*/
/* Filled */
.btn-repodmin-green {
  color: var(--repodmin-green-color);
  background-color: var(--repodmin-green-bg);
  border-color: var(--repodmin-green-border-color);
}
.btn-repodmin-green:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-green-hover-color);
  background-color: var(--repodmin-green-hover-bg);
  border-color: var(--repodmin-green-hover-border-color);
}
.btn-repodmin-green:active:not(:disabled):not(.disabled), .btn-repodmin-green.active {
  color: var(--repodmin-green-active-color);
  background-color: var(--repodmin-green-active-bg);
  border-color: var(--repodmin-green-active-border-color);
  background-image: none;
}
.btn-repodmin-green:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-green-focus-shadow-rgb), 0.33);
}
.btn-repodmin-green:disabled, .btn-repodmin-green.disabled {
  color: var(--repodmin-green-disabled-color);
  background-color: var(--repodmin-green-disabled-bg);
  border-color: var(--repodmin-green-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-green {
  color: var(--repodmin-green-text);
  background-color: transparent;
  border-color: var(--repodmin-green-border-color);
}
.btn-outline-repodmin-green:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-green-hover-color);
  background-color: var(--repodmin-green-hover-bg);
  border-color: var(--repodmin-green-hover-border-color);
}
.btn-outline-repodmin-green:active:not(:disabled):not(.disabled), .btn-outline-repodmin-green.active {
  color: var(--repodmin-green-active-color);
  background-color: var(--repodmin-green-active-bg);
  border-color: var(--repodmin-green-active-border-color);
}
.btn-outline-repodmin-green:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-green-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-green:disabled, .btn-outline-repodmin-green.disabled {
  color: var(--repodmin-green-text);
  background-color: transparent;
  border-color: var(--repodmin-green-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-green {
  color: var(--repodmin-green-text);
  background-color: color-mix(in oklab, var(--repodmin-green-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-green-border-color) 20%, transparent);
}
.btn-soft-repodmin-green:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-green-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-green-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-green:active:not(:disabled):not(.disabled), .btn-soft-repodmin-green.active {
  background-color: color-mix(in oklab, var(--repodmin-green-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-green-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-green:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-green-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-green {
  color: var(--repodmin-green-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-green:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-green-bg) 10%, transparent);
}
.btn-ghost-repodmin-green:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-green.active {
  background-color: color-mix(in oklab, var(--repodmin-green-bg) 16%, transparent);
}
.btn-ghost-repodmin-green:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-green-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-green {
  color: var(--repodmin-green-text) !important;
}

.bg-repodmin-green {
  background-color: var(--repodmin-green-bg) !important;
}

.border-repodmin-green {
  border-color: var(--repodmin-green-border-color) !important;
}

/* Filled */
.btn-repodmin-orange {
  color: var(--repodmin-orange-color);
  background-color: var(--repodmin-orange-bg);
  border-color: var(--repodmin-orange-border-color);
}
.btn-repodmin-orange:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-orange-hover-color);
  background-color: var(--repodmin-orange-hover-bg);
  border-color: var(--repodmin-orange-hover-border-color);
}
.btn-repodmin-orange:active:not(:disabled):not(.disabled), .btn-repodmin-orange.active {
  color: var(--repodmin-orange-active-color);
  background-color: var(--repodmin-orange-active-bg);
  border-color: var(--repodmin-orange-active-border-color);
  background-image: none;
}
.btn-repodmin-orange:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-orange-focus-shadow-rgb), 0.33);
}
.btn-repodmin-orange:disabled, .btn-repodmin-orange.disabled {
  color: var(--repodmin-orange-disabled-color);
  background-color: var(--repodmin-orange-disabled-bg);
  border-color: var(--repodmin-orange-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-orange {
  color: var(--repodmin-orange-text);
  background-color: transparent;
  border-color: var(--repodmin-orange-border-color);
}
.btn-outline-repodmin-orange:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-orange-hover-color);
  background-color: var(--repodmin-orange-hover-bg);
  border-color: var(--repodmin-orange-hover-border-color);
}
.btn-outline-repodmin-orange:active:not(:disabled):not(.disabled), .btn-outline-repodmin-orange.active {
  color: var(--repodmin-orange-active-color);
  background-color: var(--repodmin-orange-active-bg);
  border-color: var(--repodmin-orange-active-border-color);
}
.btn-outline-repodmin-orange:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-orange-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-orange:disabled, .btn-outline-repodmin-orange.disabled {
  color: var(--repodmin-orange-text);
  background-color: transparent;
  border-color: var(--repodmin-orange-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-orange {
  color: var(--repodmin-orange-text);
  background-color: color-mix(in oklab, var(--repodmin-orange-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-orange-border-color) 20%, transparent);
}
.btn-soft-repodmin-orange:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-orange-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-orange-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-orange:active:not(:disabled):not(.disabled), .btn-soft-repodmin-orange.active {
  background-color: color-mix(in oklab, var(--repodmin-orange-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-orange-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-orange:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-orange-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-orange {
  color: var(--repodmin-orange-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-orange:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-orange-bg) 10%, transparent);
}
.btn-ghost-repodmin-orange:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-orange.active {
  background-color: color-mix(in oklab, var(--repodmin-orange-bg) 16%, transparent);
}
.btn-ghost-repodmin-orange:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-orange-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-orange {
  color: var(--repodmin-orange-text) !important;
}

.bg-repodmin-orange {
  background-color: var(--repodmin-orange-bg) !important;
}

.border-repodmin-orange {
  border-color: var(--repodmin-orange-border-color) !important;
}

/* Filled */
.btn-repodmin-deepsky-blue {
  color: var(--repodmin-deepsky-blue-color);
  background-color: var(--repodmin-deepsky-blue-bg);
  border-color: var(--repodmin-deepsky-blue-border-color);
}
.btn-repodmin-deepsky-blue:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-deepsky-blue-hover-color);
  background-color: var(--repodmin-deepsky-blue-hover-bg);
  border-color: var(--repodmin-deepsky-blue-hover-border-color);
}
.btn-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-repodmin-deepsky-blue.active {
  color: var(--repodmin-deepsky-blue-active-color);
  background-color: var(--repodmin-deepsky-blue-active-bg);
  border-color: var(--repodmin-deepsky-blue-active-border-color);
  background-image: none;
}
.btn-repodmin-deepsky-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-deepsky-blue-focus-shadow-rgb), 0.33);
}
.btn-repodmin-deepsky-blue:disabled, .btn-repodmin-deepsky-blue.disabled {
  color: var(--repodmin-deepsky-blue-disabled-color);
  background-color: var(--repodmin-deepsky-blue-disabled-bg);
  border-color: var(--repodmin-deepsky-blue-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-deepsky-blue {
  color: var(--repodmin-deepsky-blue-text);
  background-color: transparent;
  border-color: var(--repodmin-deepsky-blue-border-color);
}
.btn-outline-repodmin-deepsky-blue:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-deepsky-blue-hover-color);
  background-color: var(--repodmin-deepsky-blue-hover-bg);
  border-color: var(--repodmin-deepsky-blue-hover-border-color);
}
.btn-outline-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-outline-repodmin-deepsky-blue.active {
  color: var(--repodmin-deepsky-blue-active-color);
  background-color: var(--repodmin-deepsky-blue-active-bg);
  border-color: var(--repodmin-deepsky-blue-active-border-color);
}
.btn-outline-repodmin-deepsky-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-deepsky-blue-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-deepsky-blue:disabled, .btn-outline-repodmin-deepsky-blue.disabled {
  color: var(--repodmin-deepsky-blue-text);
  background-color: transparent;
  border-color: var(--repodmin-deepsky-blue-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-deepsky-blue {
  color: var(--repodmin-deepsky-blue-text);
  background-color: color-mix(in oklab, var(--repodmin-deepsky-blue-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-deepsky-blue-border-color) 20%, transparent);
}
.btn-soft-repodmin-deepsky-blue:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-deepsky-blue-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-deepsky-blue-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-soft-repodmin-deepsky-blue.active {
  background-color: color-mix(in oklab, var(--repodmin-deepsky-blue-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-deepsky-blue-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-deepsky-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-deepsky-blue-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-deepsky-blue {
  color: var(--repodmin-deepsky-blue-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-deepsky-blue:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-deepsky-blue-bg) 10%, transparent);
}
.btn-ghost-repodmin-deepsky-blue:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-deepsky-blue.active {
  background-color: color-mix(in oklab, var(--repodmin-deepsky-blue-bg) 16%, transparent);
}
.btn-ghost-repodmin-deepsky-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-deepsky-blue-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-deepsky-blue {
  color: var(--repodmin-deepsky-blue-text) !important;
}

.bg-repodmin-deepsky-blue {
  background-color: var(--repodmin-deepsky-blue-bg) !important;
}

.border-repodmin-deepsky-blue {
  border-color: var(--repodmin-deepsky-blue-border-color) !important;
}

/* Filled */
.btn-repodmin-cyan {
  color: var(--repodmin-cyan-color);
  background-color: var(--repodmin-cyan-bg);
  border-color: var(--repodmin-cyan-border-color);
}
.btn-repodmin-cyan:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-cyan-hover-color);
  background-color: var(--repodmin-cyan-hover-bg);
  border-color: var(--repodmin-cyan-hover-border-color);
}
.btn-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-repodmin-cyan.active {
  color: var(--repodmin-cyan-active-color);
  background-color: var(--repodmin-cyan-active-bg);
  border-color: var(--repodmin-cyan-active-border-color);
  background-image: none;
}
.btn-repodmin-cyan:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-cyan-focus-shadow-rgb), 0.33);
}
.btn-repodmin-cyan:disabled, .btn-repodmin-cyan.disabled {
  color: var(--repodmin-cyan-disabled-color);
  background-color: var(--repodmin-cyan-disabled-bg);
  border-color: var(--repodmin-cyan-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-cyan {
  color: var(--repodmin-cyan-text);
  background-color: transparent;
  border-color: var(--repodmin-cyan-border-color);
}
.btn-outline-repodmin-cyan:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-cyan-hover-color);
  background-color: var(--repodmin-cyan-hover-bg);
  border-color: var(--repodmin-cyan-hover-border-color);
}
.btn-outline-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-outline-repodmin-cyan.active {
  color: var(--repodmin-cyan-active-color);
  background-color: var(--repodmin-cyan-active-bg);
  border-color: var(--repodmin-cyan-active-border-color);
}
.btn-outline-repodmin-cyan:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-cyan-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-cyan:disabled, .btn-outline-repodmin-cyan.disabled {
  color: var(--repodmin-cyan-text);
  background-color: transparent;
  border-color: var(--repodmin-cyan-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-cyan {
  color: var(--repodmin-cyan-text);
  background-color: color-mix(in oklab, var(--repodmin-cyan-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-cyan-border-color) 20%, transparent);
}
.btn-soft-repodmin-cyan:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-cyan-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-cyan-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-soft-repodmin-cyan.active {
  background-color: color-mix(in oklab, var(--repodmin-cyan-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-cyan-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-cyan:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-cyan-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-cyan {
  color: var(--repodmin-cyan-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-cyan:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-cyan-bg) 10%, transparent);
}
.btn-ghost-repodmin-cyan:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-cyan.active {
  background-color: color-mix(in oklab, var(--repodmin-cyan-bg) 16%, transparent);
}
.btn-ghost-repodmin-cyan:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-cyan-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-cyan {
  color: var(--repodmin-cyan-text) !important;
}

.bg-repodmin-cyan {
  background-color: var(--repodmin-cyan-bg) !important;
}

.border-repodmin-cyan {
  border-color: var(--repodmin-cyan-border-color) !important;
}

/* Filled */
.btn-repodmin-claret {
  color: var(--repodmin-claret-color);
  background-color: var(--repodmin-claret-bg);
  border-color: var(--repodmin-claret-border-color);
}
.btn-repodmin-claret:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-claret-hover-color);
  background-color: var(--repodmin-claret-hover-bg);
  border-color: var(--repodmin-claret-hover-border-color);
}
.btn-repodmin-claret:active:not(:disabled):not(.disabled), .btn-repodmin-claret.active {
  color: var(--repodmin-claret-active-color);
  background-color: var(--repodmin-claret-active-bg);
  border-color: var(--repodmin-claret-active-border-color);
  background-image: none;
}
.btn-repodmin-claret:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-claret-focus-shadow-rgb), 0.33);
}
.btn-repodmin-claret:disabled, .btn-repodmin-claret.disabled {
  color: var(--repodmin-claret-disabled-color);
  background-color: var(--repodmin-claret-disabled-bg);
  border-color: var(--repodmin-claret-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-claret {
  color: var(--repodmin-claret-text);
  background-color: transparent;
  border-color: var(--repodmin-claret-border-color);
}
.btn-outline-repodmin-claret:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-claret-hover-color);
  background-color: var(--repodmin-claret-hover-bg);
  border-color: var(--repodmin-claret-hover-border-color);
}
.btn-outline-repodmin-claret:active:not(:disabled):not(.disabled), .btn-outline-repodmin-claret.active {
  color: var(--repodmin-claret-active-color);
  background-color: var(--repodmin-claret-active-bg);
  border-color: var(--repodmin-claret-active-border-color);
}
.btn-outline-repodmin-claret:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-claret-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-claret:disabled, .btn-outline-repodmin-claret.disabled {
  color: var(--repodmin-claret-text);
  background-color: transparent;
  border-color: var(--repodmin-claret-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-claret {
  color: var(--repodmin-claret-text);
  background-color: color-mix(in oklab, var(--repodmin-claret-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-claret-border-color) 20%, transparent);
}
.btn-soft-repodmin-claret:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-claret-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-claret-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-claret:active:not(:disabled):not(.disabled), .btn-soft-repodmin-claret.active {
  background-color: color-mix(in oklab, var(--repodmin-claret-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-claret-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-claret:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-claret-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-claret {
  color: var(--repodmin-claret-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-claret:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-claret-bg) 10%, transparent);
}
.btn-ghost-repodmin-claret:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-claret.active {
  background-color: color-mix(in oklab, var(--repodmin-claret-bg) 16%, transparent);
}
.btn-ghost-repodmin-claret:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-claret-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-claret {
  color: var(--repodmin-claret-text) !important;
}

.bg-repodmin-claret {
  background-color: var(--repodmin-claret-bg) !important;
}

.border-repodmin-claret {
  border-color: var(--repodmin-claret-border-color) !important;
}

/* Filled */
.btn-repodmin-chartreuse {
  color: var(--repodmin-chartreuse-color);
  background-color: var(--repodmin-chartreuse-bg);
  border-color: var(--repodmin-chartreuse-border-color);
}
.btn-repodmin-chartreuse:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-chartreuse-hover-color);
  background-color: var(--repodmin-chartreuse-hover-bg);
  border-color: var(--repodmin-chartreuse-hover-border-color);
}
.btn-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-repodmin-chartreuse.active {
  color: var(--repodmin-chartreuse-active-color);
  background-color: var(--repodmin-chartreuse-active-bg);
  border-color: var(--repodmin-chartreuse-active-border-color);
  background-image: none;
}
.btn-repodmin-chartreuse:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-chartreuse-focus-shadow-rgb), 0.33);
}
.btn-repodmin-chartreuse:disabled, .btn-repodmin-chartreuse.disabled {
  color: var(--repodmin-chartreuse-disabled-color);
  background-color: var(--repodmin-chartreuse-disabled-bg);
  border-color: var(--repodmin-chartreuse-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-chartreuse {
  color: var(--repodmin-chartreuse-text);
  background-color: transparent;
  border-color: var(--repodmin-chartreuse-border-color);
}
.btn-outline-repodmin-chartreuse:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-chartreuse-hover-color);
  background-color: var(--repodmin-chartreuse-hover-bg);
  border-color: var(--repodmin-chartreuse-hover-border-color);
}
.btn-outline-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-outline-repodmin-chartreuse.active {
  color: var(--repodmin-chartreuse-active-color);
  background-color: var(--repodmin-chartreuse-active-bg);
  border-color: var(--repodmin-chartreuse-active-border-color);
}
.btn-outline-repodmin-chartreuse:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-chartreuse-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-chartreuse:disabled, .btn-outline-repodmin-chartreuse.disabled {
  color: var(--repodmin-chartreuse-text);
  background-color: transparent;
  border-color: var(--repodmin-chartreuse-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-chartreuse {
  color: var(--repodmin-chartreuse-text);
  background-color: color-mix(in oklab, var(--repodmin-chartreuse-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-chartreuse-border-color) 20%, transparent);
}
.btn-soft-repodmin-chartreuse:hover {
color: var(--repodmin-chartreuse-active-bg);
}
.btn-soft-repodmin-chartreuse:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-chartreuse-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-chartreuse-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-soft-repodmin-chartreuse.active {
  background-color: color-mix(in oklab, var(--repodmin-chartreuse-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-chartreuse-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-chartreuse:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-chartreuse-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-chartreuse {
  color: var(--repodmin-chartreuse-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-chartreuse:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-chartreuse-bg) 10%, transparent);
}
.btn-ghost-repodmin-chartreuse:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-chartreuse.active {
  background-color: color-mix(in oklab, var(--repodmin-chartreuse-bg) 16%, transparent);
}
.btn-ghost-repodmin-chartreuse:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-chartreuse-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-chartreuse {
  color: var(--repodmin-chartreuse-text) !important;
}

.bg-repodmin-chartreuse {
  background-color: var(--repodmin-chartreuse-bg) !important;
}

.border-repodmin-chartreuse {
  border-color: var(--repodmin-chartreuse-border-color) !important;
}

/* Filled */
.btn-repodmin-gunmetal {
  color: var(--repodmin-gunmetal-color);
  background-color: var(--repodmin-gunmetal-bg);
  border-color: var(--repodmin-gunmetal-border-color);
}
.btn-repodmin-gunmetal:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-gunmetal-hover-color);
  background-color: var(--repodmin-gunmetal-hover-bg);
  border-color: var(--repodmin-gunmetal-hover-border-color);
}
.btn-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-repodmin-gunmetal.active {
  color: var(--repodmin-gunmetal-active-color);
  background-color: var(--repodmin-gunmetal-active-bg);
  border-color: var(--repodmin-gunmetal-active-border-color);
  background-image: none;
}
.btn-repodmin-gunmetal:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-gunmetal-focus-shadow-rgb), 0.33);
}
.btn-repodmin-gunmetal:disabled, .btn-repodmin-gunmetal.disabled {
  color: var(--repodmin-gunmetal-disabled-color);
  background-color: var(--repodmin-gunmetal-disabled-bg);
  border-color: var(--repodmin-gunmetal-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-gunmetal {
  color: var(--repodmin-gunmetal-text);
  background-color: transparent;
  border-color: var(--repodmin-gunmetal-border-color);
}
.btn-outline-repodmin-gunmetal:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-gunmetal-hover-color);
  background-color: var(--repodmin-gunmetal-hover-bg);
  border-color: var(--repodmin-gunmetal-hover-border-color);
}
.btn-outline-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-outline-repodmin-gunmetal.active {
  color: var(--repodmin-gunmetal-active-color);
  background-color: var(--repodmin-gunmetal-active-bg);
  border-color: var(--repodmin-gunmetal-active-border-color);
}
.btn-outline-repodmin-gunmetal:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-gunmetal-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-gunmetal:disabled, .btn-outline-repodmin-gunmetal.disabled {
  color: var(--repodmin-gunmetal-text);
  background-color: transparent;
  border-color: var(--repodmin-gunmetal-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-gunmetal {
  color: var(--repodmin-gunmetal-text);
  background-color: color-mix(in oklab, var(--repodmin-gunmetal-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-gunmetal-border-color) 20%, transparent);
}
.btn-soft-repodmin-gunmetal:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-gunmetal-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-gunmetal-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-soft-repodmin-gunmetal.active {
  background-color: color-mix(in oklab, var(--repodmin-gunmetal-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-gunmetal-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-gunmetal:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-gunmetal-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-gunmetal {
  color: var(--repodmin-gunmetal-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-gunmetal:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-gunmetal-bg) 10%, transparent);
}
.btn-ghost-repodmin-gunmetal:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-gunmetal.active {
  background-color: color-mix(in oklab, var(--repodmin-gunmetal-bg) 16%, transparent);
}
.btn-ghost-repodmin-gunmetal:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-gunmetal-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-gunmetal {
  color: var(--repodmin-gunmetal-text) !important;
}

.bg-repodmin-gunmetal {
  background-color: var(--repodmin-gunmetal-bg) !important;
}

.border-repodmin-gunmetal {
  border-color: var(--repodmin-gunmetal-border-color) !important;
}

/* Filled */
.btn-repodmin-bittersweet {
  color: var(--repodmin-bittersweet-color);
  background-color: var(--repodmin-bittersweet-bg);
  border-color: var(--repodmin-bittersweet-border-color);
}
.btn-repodmin-bittersweet:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-bittersweet-hover-color);
  background-color: var(--repodmin-bittersweet-hover-bg);
  border-color: var(--repodmin-bittersweet-hover-border-color);
}
.btn-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-repodmin-bittersweet.active {
  color: var(--repodmin-bittersweet-active-color);
  background-color: var(--repodmin-bittersweet-active-bg);
  border-color: var(--repodmin-bittersweet-active-border-color);
  background-image: none;
}
.btn-repodmin-bittersweet:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-bittersweet-focus-shadow-rgb), 0.33);
}
.btn-repodmin-bittersweet:disabled, .btn-repodmin-bittersweet.disabled {
  color: var(--repodmin-bittersweet-disabled-color);
  background-color: var(--repodmin-bittersweet-disabled-bg);
  border-color: var(--repodmin-bittersweet-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-bittersweet {
  color: var(--repodmin-bittersweet-text);
  background-color: transparent;
  border-color: var(--repodmin-bittersweet-border-color);
}
.btn-outline-repodmin-bittersweet:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-bittersweet-hover-color);
  background-color: var(--repodmin-bittersweet-hover-bg);
  border-color: var(--repodmin-bittersweet-hover-border-color);
}
.btn-outline-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-outline-repodmin-bittersweet.active {
  color: var(--repodmin-bittersweet-active-color);
  background-color: var(--repodmin-bittersweet-active-bg);
  border-color: var(--repodmin-bittersweet-active-border-color);
}
.btn-outline-repodmin-bittersweet:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-bittersweet-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-bittersweet:disabled, .btn-outline-repodmin-bittersweet.disabled {
  color: var(--repodmin-bittersweet-text);
  background-color: transparent;
  border-color: var(--repodmin-bittersweet-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-bittersweet {
  color: var(--repodmin-bittersweet-text);
  background-color: color-mix(in oklab, var(--repodmin-bittersweet-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-bittersweet-border-color) 20%, transparent);
}
.btn-soft-repodmin-bittersweet:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-bittersweet-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-bittersweet-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-soft-repodmin-bittersweet.active {
  background-color: color-mix(in oklab, var(--repodmin-bittersweet-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-bittersweet-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-bittersweet:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-bittersweet-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-bittersweet {
  color: var(--repodmin-bittersweet-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-bittersweet:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-bittersweet-bg) 10%, transparent);
}
.btn-ghost-repodmin-bittersweet:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-bittersweet.active {
  background-color: color-mix(in oklab, var(--repodmin-bittersweet-bg) 16%, transparent);
}
.btn-ghost-repodmin-bittersweet:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-bittersweet-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-bittersweet {
  color: var(--repodmin-bittersweet-text) !important;
}

.bg-repodmin-bittersweet {
  background-color: var(--repodmin-bittersweet-bg) !important;
}

.border-repodmin-bittersweet {
  border-color: var(--repodmin-bittersweet-border-color) !important;
}

/* Filled */
.btn-repodmin-majorelle-blue {
  color: var(--repodmin-majorelle-blue-color);
  background-color: var(--repodmin-majorelle-blue-bg);
  border-color: var(--repodmin-majorelle-blue-border-color);
}
.btn-repodmin-majorelle-blue:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-majorelle-blue-hover-color);
  background-color: var(--repodmin-majorelle-blue-hover-bg);
  border-color: var(--repodmin-majorelle-blue-hover-border-color);
}
.btn-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-repodmin-majorelle-blue.active {
  color: var(--repodmin-majorelle-blue-active-color);
  background-color: var(--repodmin-majorelle-blue-active-bg);
  border-color: var(--repodmin-majorelle-blue-active-border-color);
  background-image: none;
}
.btn-repodmin-majorelle-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-majorelle-blue-focus-shadow-rgb), 0.33);
}
.btn-repodmin-majorelle-blue:disabled, .btn-repodmin-majorelle-blue.disabled {
  color: var(--repodmin-majorelle-blue-disabled-color);
  background-color: var(--repodmin-majorelle-blue-disabled-bg);
  border-color: var(--repodmin-majorelle-blue-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-majorelle-blue {
  color: var(--repodmin-majorelle-blue-text);
  background-color: transparent;
  border-color: var(--repodmin-majorelle-blue-border-color);
}
.btn-outline-repodmin-majorelle-blue:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-majorelle-blue-hover-color);
  background-color: var(--repodmin-majorelle-blue-hover-bg);
  border-color: var(--repodmin-majorelle-blue-hover-border-color);
}
.btn-outline-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-outline-repodmin-majorelle-blue.active {
  color: var(--repodmin-majorelle-blue-active-color);
  background-color: var(--repodmin-majorelle-blue-active-bg);
  border-color: var(--repodmin-majorelle-blue-active-border-color);
}
.btn-outline-repodmin-majorelle-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-majorelle-blue-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-majorelle-blue:disabled, .btn-outline-repodmin-majorelle-blue.disabled {
  color: var(--repodmin-majorelle-blue-text);
  background-color: transparent;
  border-color: var(--repodmin-majorelle-blue-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-majorelle-blue {
  color: var(--repodmin-majorelle-blue-text);
  background-color: color-mix(in oklab, var(--repodmin-majorelle-blue-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-majorelle-blue-border-color) 20%, transparent);
}
.btn-soft-repodmin-majorelle-blue:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-majorelle-blue-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-majorelle-blue-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-soft-repodmin-majorelle-blue.active {
  background-color: color-mix(in oklab, var(--repodmin-majorelle-blue-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-majorelle-blue-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-majorelle-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-majorelle-blue-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-majorelle-blue {
  color: var(--repodmin-majorelle-blue-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-majorelle-blue:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-majorelle-blue-bg) 10%, transparent);
}
.btn-ghost-repodmin-majorelle-blue:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-majorelle-blue.active {
  background-color: color-mix(in oklab, var(--repodmin-majorelle-blue-bg) 16%, transparent);
}
.btn-ghost-repodmin-majorelle-blue:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-majorelle-blue-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-majorelle-blue {
  color: var(--repodmin-majorelle-blue-text) !important;
}

.bg-repodmin-majorelle-blue {
  background-color: var(--repodmin-majorelle-blue-bg) !important;
}

.border-repodmin-majorelle-blue {
  border-color: var(--repodmin-majorelle-blue-border-color) !important;
}

/* Filled */
.btn-repodmin-pearl {
  color: var(--repodmin-pearl-color);
  background-color: var(--repodmin-pearl-bg);
  border-color: var(--repodmin-pearl-border-color);
}
.btn-repodmin-pearl:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-pearl-hover-color);
  background-color: var(--repodmin-pearl-hover-bg);
  border-color: var(--repodmin-pearl-hover-border-color);
}
.btn-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-repodmin-pearl.active {
  color: var(--repodmin-pearl-active-color);
  background-color: var(--repodmin-pearl-active-bg);
  border-color: var(--repodmin-pearl-active-border-color);
  background-image: none;
}
.btn-repodmin-pearl:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-pearl-focus-shadow-rgb), 0.33);
}
.btn-repodmin-pearl:disabled, .btn-repodmin-pearl.disabled {
  color: var(--repodmin-pearl-disabled-color);
  background-color: var(--repodmin-pearl-disabled-bg);
  border-color: var(--repodmin-pearl-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-pearl {
  color: var(--repodmin-pearl-text);
  background-color: transparent;
  border-color: var(--repodmin-pearl-border-color);
}
.btn-outline-repodmin-pearl:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-pearl-hover-color);
  background-color: var(--repodmin-pearl-hover-bg);
  border-color: var(--repodmin-pearl-hover-border-color);
}
.btn-outline-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-outline-repodmin-pearl.active {
  color: var(--repodmin-pearl-active-color);
  background-color: var(--repodmin-pearl-active-bg);
  border-color: var(--repodmin-pearl-active-border-color);
}
.btn-outline-repodmin-pearl:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-pearl-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-pearl:disabled, .btn-outline-repodmin-pearl.disabled {
  color: var(--repodmin-pearl-text);
  background-color: transparent;
  border-color: var(--repodmin-pearl-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-pearl {
  color: var(--repodmin-pearl-text);
  background-color: color-mix(in oklab, var(--repodmin-pearl-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-pearl-border-color) 20%, transparent);
}
.btn-soft-repodmin-pearl:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-pearl-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-pearl-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-soft-repodmin-pearl.active {
  background-color: color-mix(in oklab, var(--repodmin-pearl-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-pearl-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-pearl:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-pearl-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-pearl {
  color: var(--repodmin-pearl-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-pearl:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-pearl-bg) 10%, transparent);
}
.btn-ghost-repodmin-pearl:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-pearl.active {
  background-color: color-mix(in oklab, var(--repodmin-pearl-bg) 16%, transparent);
}
.btn-ghost-repodmin-pearl:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-pearl-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-pearl {
  color: var(--repodmin-pearl-text) !important;
}

.bg-repodmin-pearl {
  background-color: var(--repodmin-pearl-bg) !important;
}

.border-repodmin-pearl {
  border-color: var(--repodmin-pearl-border-color) !important;
}

/* Filled */
.btn-repodmin-neaples {
  color: var(--repodmin-neaples-color);
  background-color: var(--repodmin-neaples-bg);
  border-color: var(--repodmin-neaples-border-color);
}
.btn-repodmin-neaples:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-neaples-hover-color);
  background-color: var(--repodmin-neaples-hover-bg);
  border-color: var(--repodmin-neaples-hover-border-color);
}
.btn-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-repodmin-neaples.active {
  color: var(--repodmin-neaples-active-color);
  background-color: var(--repodmin-neaples-active-bg);
  border-color: var(--repodmin-neaples-active-border-color);
  background-image: none;
}
.btn-repodmin-neaples:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-neaples-focus-shadow-rgb), 0.33);
}
.btn-repodmin-neaples:disabled, .btn-repodmin-neaples.disabled {
  color: var(--repodmin-neaples-disabled-color);
  background-color: var(--repodmin-neaples-disabled-bg);
  border-color: var(--repodmin-neaples-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-neaples {
  color: var(--repodmin-neaples-text);
  background-color: transparent;
  border-color: var(--repodmin-neaples-border-color);
}
.btn-outline-repodmin-neaples:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-neaples-hover-color);
  background-color: var(--repodmin-neaples-hover-bg);
  border-color: var(--repodmin-neaples-hover-border-color);
}
.btn-outline-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-outline-repodmin-neaples.active {
  color: var(--repodmin-neaples-active-color);
  background-color: var(--repodmin-neaples-active-bg);
  border-color: var(--repodmin-neaples-active-border-color);
}
.btn-outline-repodmin-neaples:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-neaples-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-neaples:disabled, .btn-outline-repodmin-neaples.disabled {
  color: var(--repodmin-neaples-text);
  background-color: transparent;
  border-color: var(--repodmin-neaples-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-neaples {
  color: var(--repodmin-neaples-text);
  background-color: color-mix(in oklab, var(--repodmin-neaples-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-neaples-border-color) 20%, transparent);
}
.btn-soft-repodmin-neaples:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-neaples-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-neaples-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-soft-repodmin-neaples.active {
  background-color: color-mix(in oklab, var(--repodmin-neaples-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-neaples-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-neaples:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-neaples-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-neaples {
  color: var(--repodmin-neaples-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-neaples:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-neaples-bg) 10%, transparent);
}
.btn-ghost-repodmin-neaples:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-neaples.active {
  background-color: color-mix(in oklab, var(--repodmin-neaples-bg) 16%, transparent);
}
.btn-ghost-repodmin-neaples:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-neaples-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-neaples {
  color: var(--repodmin-neaples-text) !important;
}

.bg-repodmin-neaples {
  background-color: var(--repodmin-neaples-bg) !important;
}

.border-repodmin-neaples {
  border-color: var(--repodmin-neaples-border-color) !important;
}

/* Filled */
.btn-repodmin-red {
  color: var(--repodmin-red-color);
  background-color: var(--repodmin-red-bg);
  border-color: var(--repodmin-red-border-color);
}
.btn-repodmin-red:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-red-hover-color);
  background-color: var(--repodmin-red-hover-bg);
  border-color: var(--repodmin-red-hover-border-color);
}
.btn-repodmin-red:active:not(:disabled):not(.disabled), .btn-repodmin-red.active {
  color: var(--repodmin-red-active-color);
  background-color: var(--repodmin-red-active-bg);
  border-color: var(--repodmin-red-active-border-color);
  background-image: none;
}
.btn-repodmin-red:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-red-focus-shadow-rgb), 0.33);
}
.btn-repodmin-red:disabled, .btn-repodmin-red.disabled {
  color: var(--repodmin-red-disabled-color);
  background-color: var(--repodmin-red-disabled-bg);
  border-color: var(--repodmin-red-disabled-border-color);
}

/* Outline */
.btn-outline-repodmin-red {
  color: var(--repodmin-red-text);
  background-color: transparent;
  border-color: var(--repodmin-red-border-color);
}
.btn-outline-repodmin-red:hover:not(:disabled):not(.disabled) {
  color: var(--repodmin-red-hover-color);
  background-color: var(--repodmin-red-hover-bg);
  border-color: var(--repodmin-red-hover-border-color);
}
.btn-outline-repodmin-red:active:not(:disabled):not(.disabled), .btn-outline-repodmin-red.active {
  color: var(--repodmin-red-active-color);
  background-color: var(--repodmin-red-active-bg);
  border-color: var(--repodmin-red-active-border-color);
}
.btn-outline-repodmin-red:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-red-focus-shadow-rgb), 0.33);
}
.btn-outline-repodmin-red:disabled, .btn-outline-repodmin-red.disabled {
  color: var(--repodmin-red-text);
  background-color: transparent;
  border-color: var(--repodmin-red-border-color);
  opacity: 0.55;
}

/* Soft & Ghost */
.btn-soft-repodmin-red {
  color: var(--repodmin-red-text);
  background-color: color-mix(in oklab, var(--repodmin-red-bg) 14%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-red-border-color) 20%, transparent);
}
.btn-soft-repodmin-red:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-red-hover-bg) 22%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-red-hover-border-color) 28%, transparent);
}
.btn-soft-repodmin-red:active:not(:disabled):not(.disabled), .btn-soft-repodmin-red.active {
  background-color: color-mix(in oklab, var(--repodmin-red-active-bg) 26%, transparent);
  border-color: color-mix(in oklab, var(--repodmin-red-active-border-color) 34%, transparent);
}
.btn-soft-repodmin-red:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-red-focus-shadow-rgb), 0.22);
}

.btn-ghost-repodmin-red {
  color: var(--repodmin-red-text);
  background-color: transparent;
  border-color: transparent;
}
.btn-ghost-repodmin-red:hover:not(:disabled):not(.disabled) {
  background-color: color-mix(in oklab, var(--repodmin-red-bg) 10%, transparent);
}
.btn-ghost-repodmin-red:active:not(:disabled):not(.disabled), .btn-ghost-repodmin-red.active {
  background-color: color-mix(in oklab, var(--repodmin-red-bg) 16%, transparent);
}
.btn-ghost-repodmin-red:focus-visible {
  box-shadow: 0 0 0 var(--btn-focus-ring-w) rgba(var(--repodmin-red-focus-shadow-rgb), 0.22);
}

/* Text/BG/Border utilities (senin kullandığın isimlerle) */
.text-repodmin-red {
  color: var(--repodmin-red-text) !important;
}

.bg-repodmin-red {
  background-color: var(--repodmin-red-bg) !important;
}

.border-repodmin-red {
  border-color: var(--repodmin-red-border-color) !important;
}

/* -----------------------
   4) Button Group
------------------------*/
.btn-group {
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn, .btn-group > .btn-repodmin-green, .btn-group > .btn-outline-repodmin-green, .btn-group > .btn-soft-repodmin-green, .btn-group > .btn-ghost-repodmin-green, .btn-group > .btn-repodmin-orange, .btn-group > .btn-outline-repodmin-orange, .btn-group > .btn-soft-repodmin-orange, .btn-group > .btn-ghost-repodmin-orange, .btn-group > .btn-repodmin-deepsky-blue, .btn-group > .btn-outline-repodmin-deepsky-blue, .btn-group > .btn-soft-repodmin-deepsky-blue, .btn-group > .btn-ghost-repodmin-deepsky-blue, .btn-group > .btn-repodmin-cyan, .btn-group > .btn-outline-repodmin-cyan, .btn-group > .btn-soft-repodmin-cyan, .btn-group > .btn-ghost-repodmin-cyan, .btn-group > .btn-repodmin-claret, .btn-group > .btn-outline-repodmin-claret, .btn-group > .btn-soft-repodmin-claret, .btn-group > .btn-ghost-repodmin-claret, .btn-group > .btn-repodmin-chartreuse, .btn-group > .btn-outline-repodmin-chartreuse, .btn-group > .btn-soft-repodmin-chartreuse, .btn-group > .btn-ghost-repodmin-chartreuse, .btn-group > .btn-repodmin-gunmetal, .btn-group > .btn-outline-repodmin-gunmetal, .btn-group > .btn-soft-repodmin-gunmetal, .btn-group > .btn-ghost-repodmin-gunmetal, .btn-group > .btn-repodmin-bittersweet, .btn-group > .btn-outline-repodmin-bittersweet, .btn-group > .btn-soft-repodmin-bittersweet, .btn-group > .btn-ghost-repodmin-bittersweet, .btn-group > .btn-repodmin-majorelle-blue, .btn-group > .btn-outline-repodmin-majorelle-blue, .btn-group > .btn-soft-repodmin-majorelle-blue, .btn-group > .btn-ghost-repodmin-majorelle-blue, .btn-group > .btn-repodmin-pearl, .btn-group > .btn-outline-repodmin-pearl, .btn-group > .btn-soft-repodmin-pearl, .btn-group > .btn-ghost-repodmin-pearl, .btn-group > .btn-repodmin-neaples, .btn-group > .btn-outline-repodmin-neaples, .btn-group > .btn-soft-repodmin-neaples, .btn-group > .btn-ghost-repodmin-neaples, .btn-group > .btn-repodmin-red, .btn-group > .btn-outline-repodmin-red, .btn-group > .btn-soft-repodmin-red, .btn-group > .btn-ghost-repodmin-red {
  position: relative;
  flex: 0 1 auto;
}
.btn-group > .btn:not(:first-child), .btn-group > .btn-repodmin-green:not(:first-child), .btn-group > .btn-outline-repodmin-green:not(:first-child), .btn-group > .btn-soft-repodmin-green:not(:first-child), .btn-group > .btn-ghost-repodmin-green:not(:first-child), .btn-group > .btn-repodmin-orange:not(:first-child), .btn-group > .btn-outline-repodmin-orange:not(:first-child), .btn-group > .btn-soft-repodmin-orange:not(:first-child), .btn-group > .btn-ghost-repodmin-orange:not(:first-child), .btn-group > .btn-repodmin-deepsky-blue:not(:first-child), .btn-group > .btn-outline-repodmin-deepsky-blue:not(:first-child), .btn-group > .btn-soft-repodmin-deepsky-blue:not(:first-child), .btn-group > .btn-ghost-repodmin-deepsky-blue:not(:first-child), .btn-group > .btn-repodmin-cyan:not(:first-child), .btn-group > .btn-outline-repodmin-cyan:not(:first-child), .btn-group > .btn-soft-repodmin-cyan:not(:first-child), .btn-group > .btn-ghost-repodmin-cyan:not(:first-child), .btn-group > .btn-repodmin-claret:not(:first-child), .btn-group > .btn-outline-repodmin-claret:not(:first-child), .btn-group > .btn-soft-repodmin-claret:not(:first-child), .btn-group > .btn-ghost-repodmin-claret:not(:first-child), .btn-group > .btn-repodmin-chartreuse:not(:first-child), .btn-group > .btn-outline-repodmin-chartreuse:not(:first-child), .btn-group > .btn-soft-repodmin-chartreuse:not(:first-child), .btn-group > .btn-ghost-repodmin-chartreuse:not(:first-child), .btn-group > .btn-repodmin-gunmetal:not(:first-child), .btn-group > .btn-outline-repodmin-gunmetal:not(:first-child), .btn-group > .btn-soft-repodmin-gunmetal:not(:first-child), .btn-group > .btn-ghost-repodmin-gunmetal:not(:first-child), .btn-group > .btn-repodmin-bittersweet:not(:first-child), .btn-group > .btn-outline-repodmin-bittersweet:not(:first-child), .btn-group > .btn-soft-repodmin-bittersweet:not(:first-child), .btn-group > .btn-ghost-repodmin-bittersweet:not(:first-child), .btn-group > .btn-repodmin-majorelle-blue:not(:first-child), .btn-group > .btn-outline-repodmin-majorelle-blue:not(:first-child), .btn-group > .btn-soft-repodmin-majorelle-blue:not(:first-child), .btn-group > .btn-ghost-repodmin-majorelle-blue:not(:first-child), .btn-group > .btn-repodmin-pearl:not(:first-child), .btn-group > .btn-outline-repodmin-pearl:not(:first-child), .btn-group > .btn-soft-repodmin-pearl:not(:first-child), .btn-group > .btn-ghost-repodmin-pearl:not(:first-child), .btn-group > .btn-repodmin-neaples:not(:first-child), .btn-group > .btn-outline-repodmin-neaples:not(:first-child), .btn-group > .btn-soft-repodmin-neaples:not(:first-child), .btn-group > .btn-ghost-repodmin-neaples:not(:first-child), .btn-group > .btn-repodmin-red:not(:first-child), .btn-group > .btn-outline-repodmin-red:not(:first-child), .btn-group > .btn-soft-repodmin-red:not(:first-child), .btn-group > .btn-ghost-repodmin-red:not(:first-child) {
  margin-left: -1px;
}
.btn-group > .btn:first-child, .btn-group > .btn-repodmin-green:first-child, .btn-group > .btn-outline-repodmin-green:first-child, .btn-group > .btn-soft-repodmin-green:first-child, .btn-group > .btn-ghost-repodmin-green:first-child, .btn-group > .btn-repodmin-orange:first-child, .btn-group > .btn-outline-repodmin-orange:first-child, .btn-group > .btn-soft-repodmin-orange:first-child, .btn-group > .btn-ghost-repodmin-orange:first-child, .btn-group > .btn-repodmin-deepsky-blue:first-child, .btn-group > .btn-outline-repodmin-deepsky-blue:first-child, .btn-group > .btn-soft-repodmin-deepsky-blue:first-child, .btn-group > .btn-ghost-repodmin-deepsky-blue:first-child, .btn-group > .btn-repodmin-cyan:first-child, .btn-group > .btn-outline-repodmin-cyan:first-child, .btn-group > .btn-soft-repodmin-cyan:first-child, .btn-group > .btn-ghost-repodmin-cyan:first-child, .btn-group > .btn-repodmin-claret:first-child, .btn-group > .btn-outline-repodmin-claret:first-child, .btn-group > .btn-soft-repodmin-claret:first-child, .btn-group > .btn-ghost-repodmin-claret:first-child, .btn-group > .btn-repodmin-chartreuse:first-child, .btn-group > .btn-outline-repodmin-chartreuse:first-child, .btn-group > .btn-soft-repodmin-chartreuse:first-child, .btn-group > .btn-ghost-repodmin-chartreuse:first-child, .btn-group > .btn-repodmin-gunmetal:first-child, .btn-group > .btn-outline-repodmin-gunmetal:first-child, .btn-group > .btn-soft-repodmin-gunmetal:first-child, .btn-group > .btn-ghost-repodmin-gunmetal:first-child, .btn-group > .btn-repodmin-bittersweet:first-child, .btn-group > .btn-outline-repodmin-bittersweet:first-child, .btn-group > .btn-soft-repodmin-bittersweet:first-child, .btn-group > .btn-ghost-repodmin-bittersweet:first-child, .btn-group > .btn-repodmin-majorelle-blue:first-child, .btn-group > .btn-outline-repodmin-majorelle-blue:first-child, .btn-group > .btn-soft-repodmin-majorelle-blue:first-child, .btn-group > .btn-ghost-repodmin-majorelle-blue:first-child, .btn-group > .btn-repodmin-pearl:first-child, .btn-group > .btn-outline-repodmin-pearl:first-child, .btn-group > .btn-soft-repodmin-pearl:first-child, .btn-group > .btn-ghost-repodmin-pearl:first-child, .btn-group > .btn-repodmin-neaples:first-child, .btn-group > .btn-outline-repodmin-neaples:first-child, .btn-group > .btn-soft-repodmin-neaples:first-child, .btn-group > .btn-ghost-repodmin-neaples:first-child, .btn-group > .btn-repodmin-red:first-child, .btn-group > .btn-outline-repodmin-red:first-child, .btn-group > .btn-soft-repodmin-red:first-child, .btn-group > .btn-ghost-repodmin-red:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child, .btn-group > .btn-repodmin-green:last-child, .btn-group > .btn-outline-repodmin-green:last-child, .btn-group > .btn-soft-repodmin-green:last-child, .btn-group > .btn-ghost-repodmin-green:last-child, .btn-group > .btn-repodmin-orange:last-child, .btn-group > .btn-outline-repodmin-orange:last-child, .btn-group > .btn-soft-repodmin-orange:last-child, .btn-group > .btn-ghost-repodmin-orange:last-child, .btn-group > .btn-repodmin-deepsky-blue:last-child, .btn-group > .btn-outline-repodmin-deepsky-blue:last-child, .btn-group > .btn-soft-repodmin-deepsky-blue:last-child, .btn-group > .btn-ghost-repodmin-deepsky-blue:last-child, .btn-group > .btn-repodmin-cyan:last-child, .btn-group > .btn-outline-repodmin-cyan:last-child, .btn-group > .btn-soft-repodmin-cyan:last-child, .btn-group > .btn-ghost-repodmin-cyan:last-child, .btn-group > .btn-repodmin-claret:last-child, .btn-group > .btn-outline-repodmin-claret:last-child, .btn-group > .btn-soft-repodmin-claret:last-child, .btn-group > .btn-ghost-repodmin-claret:last-child, .btn-group > .btn-repodmin-chartreuse:last-child, .btn-group > .btn-outline-repodmin-chartreuse:last-child, .btn-group > .btn-soft-repodmin-chartreuse:last-child, .btn-group > .btn-ghost-repodmin-chartreuse:last-child, .btn-group > .btn-repodmin-gunmetal:last-child, .btn-group > .btn-outline-repodmin-gunmetal:last-child, .btn-group > .btn-soft-repodmin-gunmetal:last-child, .btn-group > .btn-ghost-repodmin-gunmetal:last-child, .btn-group > .btn-repodmin-bittersweet:last-child, .btn-group > .btn-outline-repodmin-bittersweet:last-child, .btn-group > .btn-soft-repodmin-bittersweet:last-child, .btn-group > .btn-ghost-repodmin-bittersweet:last-child, .btn-group > .btn-repodmin-majorelle-blue:last-child, .btn-group > .btn-outline-repodmin-majorelle-blue:last-child, .btn-group > .btn-soft-repodmin-majorelle-blue:last-child, .btn-group > .btn-ghost-repodmin-majorelle-blue:last-child, .btn-group > .btn-repodmin-pearl:last-child, .btn-group > .btn-outline-repodmin-pearl:last-child, .btn-group > .btn-soft-repodmin-pearl:last-child, .btn-group > .btn-ghost-repodmin-pearl:last-child, .btn-group > .btn-repodmin-neaples:last-child, .btn-group > .btn-outline-repodmin-neaples:last-child, .btn-group > .btn-soft-repodmin-neaples:last-child, .btn-group > .btn-ghost-repodmin-neaples:last-child, .btn-group > .btn-repodmin-red:last-child, .btn-group > .btn-outline-repodmin-red:last-child, .btn-group > .btn-soft-repodmin-red:last-child, .btn-group > .btn-ghost-repodmin-red:last-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group > .btn:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-green:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-green:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-green:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-green:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-orange:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-orange:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-orange:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-orange:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-deepsky-blue:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-deepsky-blue:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-deepsky-blue:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-deepsky-blue:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-cyan:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-cyan:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-cyan:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-cyan:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-claret:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-claret:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-claret:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-claret:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-chartreuse:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-chartreuse:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-chartreuse:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-chartreuse:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-gunmetal:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-gunmetal:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-gunmetal:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-gunmetal:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-bittersweet:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-bittersweet:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-bittersweet:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-bittersweet:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-majorelle-blue:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-majorelle-blue:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-majorelle-blue:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-majorelle-blue:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-pearl:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-pearl:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-pearl:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-pearl:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-neaples:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-neaples:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-neaples:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-neaples:not(:first-child):not(:last-child), .btn-group > .btn-repodmin-red:not(:first-child):not(:last-child), .btn-group > .btn-outline-repodmin-red:not(:first-child):not(:last-child), .btn-group > .btn-soft-repodmin-red:not(:first-child):not(:last-child), .btn-group > .btn-ghost-repodmin-red:not(:first-child):not(:last-child) {
  border-radius: 0;
}

/* -----------------------
   5) Inner shadow yardımcıları
------------------------*/
.inner-shadow-sm {
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06) !important;
}

.inner-shadow {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.08) !important;
}

.inner-shadow-lg {
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.12) !important;
}

/* -----------------------
   6) Shadow & Radius utilities
------------------------*/
.shadow-0 {
  box-shadow: none !important;
}

.shadow-1 {
  box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.08) !important;
}

.shadow-2 {
  box-shadow: 0 0.2rem 0.6rem rgba(0, 0, 0, 0.12) !important;
}

.shadow-3 {
  box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.18) !important;
}

.rounded-0 {
  border-radius: 0 !important;
}

.rounded-1 {
  border-radius: 0.25rem !important;
}

.rounded-2 {
  border-radius: 0.5rem !important;
}

.rounded-3 {
  border-radius: 0.75rem !important;
}

.rounded-pill {
  border-radius: 50rem !important;
}

.rounded {
  border-radius: var(--btn-radius) !important;
}

/* -----------------------
   7) Spacing utilities (Bootstrap benzeri)
------------------------*/
.m-0 {
  margin: 0 !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.me-0 {
  margin-inline-end: 0 !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.ms-0 {
  margin-inline-start: 0 !important;
}

.mx-0 {
  margin-inline: 0 !important;
}

.my-0 {
  margin-block: 0 !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pe-0 {
  padding-inline-end: 0 !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.ps-0 {
  padding-inline-start: 0 !important;
}

.px-0 {
  padding-inline: 0 !important;
}

.py-0 {
  padding-block: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.me-1 {
  margin-inline-end: 0.25rem !important;
}

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.ms-1 {
  margin-inline-start: 0.25rem !important;
}

.mx-1 {
  margin-inline: 0.25rem !important;
}

.my-1 {
  margin-block: 0.25rem !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pe-1 {
  padding-inline-end: 0.25rem !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.ps-1 {
  padding-inline-start: 0.25rem !important;
}

.px-1 {
  padding-inline: 0.25rem !important;
}

.py-1 {
  padding-block: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.me-2 {
  margin-inline-end: 0.5rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.ms-2 {
  margin-inline-start: 0.5rem !important;
}

.mx-2 {
  margin-inline: 0.5rem !important;
}

.my-2 {
  margin-block: 0.5rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pe-2 {
  padding-inline-end: 0.5rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.ps-2 {
  padding-inline-start: 0.5rem !important;
}

.px-2 {
  padding-inline: 0.5rem !important;
}

.py-2 {
  padding-block: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.me-3 {
  margin-inline-end: 1rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.ms-3 {
  margin-inline-start: 1rem !important;
}

.mx-3 {
  margin-inline: 1rem !important;
}

.my-3 {
  margin-block: 1rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pe-3 {
  padding-inline-end: 1rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.ps-3 {
  padding-inline-start: 1rem !important;
}

.px-3 {
  padding-inline: 1rem !important;
}

.py-3 {
  padding-block: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.me-4 {
  margin-inline-end: 1.5rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.ms-4 {
  margin-inline-start: 1.5rem !important;
}

.mx-4 {
  margin-inline: 1.5rem !important;
}

.my-4 {
  margin-block: 1.5rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pe-4 {
  padding-inline-end: 1.5rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.ps-4 {
  padding-inline-start: 1.5rem !important;
}

.px-4 {
  padding-inline: 1.5rem !important;
}

.py-4 {
  padding-block: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.me-5 {
  margin-inline-end: 3rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.ms-5 {
  margin-inline-start: 3rem !important;
}

.mx-5 {
  margin-inline: 3rem !important;
}

.my-5 {
  margin-block: 3rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-5 {
  padding-inline-end: 3rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-5 {
  padding-inline-start: 3rem !important;
}

.px-5 {
  padding-inline: 3rem !important;
}

.py-5 {
  padding-block: 3rem !important;
}

/* -----------------------
   8) Loading durumu
------------------------*/
.btn.is-loading, .is-loading.btn-repodmin-green, .is-loading.btn-outline-repodmin-green, .is-loading.btn-soft-repodmin-green, .is-loading.btn-ghost-repodmin-green, .is-loading.btn-repodmin-orange, .is-loading.btn-outline-repodmin-orange, .is-loading.btn-soft-repodmin-orange, .is-loading.btn-ghost-repodmin-orange, .is-loading.btn-repodmin-deepsky-blue, .is-loading.btn-outline-repodmin-deepsky-blue, .is-loading.btn-soft-repodmin-deepsky-blue, .is-loading.btn-ghost-repodmin-deepsky-blue, .is-loading.btn-repodmin-cyan, .is-loading.btn-outline-repodmin-cyan, .is-loading.btn-soft-repodmin-cyan, .is-loading.btn-ghost-repodmin-cyan, .is-loading.btn-repodmin-claret, .is-loading.btn-outline-repodmin-claret, .is-loading.btn-soft-repodmin-claret, .is-loading.btn-ghost-repodmin-claret, .is-loading.btn-repodmin-chartreuse, .is-loading.btn-outline-repodmin-chartreuse, .is-loading.btn-soft-repodmin-chartreuse, .is-loading.btn-ghost-repodmin-chartreuse, .is-loading.btn-repodmin-gunmetal, .is-loading.btn-outline-repodmin-gunmetal, .is-loading.btn-soft-repodmin-gunmetal, .is-loading.btn-ghost-repodmin-gunmetal, .is-loading.btn-repodmin-bittersweet, .is-loading.btn-outline-repodmin-bittersweet, .is-loading.btn-soft-repodmin-bittersweet, .is-loading.btn-ghost-repodmin-bittersweet, .is-loading.btn-repodmin-majorelle-blue, .is-loading.btn-outline-repodmin-majorelle-blue, .is-loading.btn-soft-repodmin-majorelle-blue, .is-loading.btn-ghost-repodmin-majorelle-blue, .is-loading.btn-repodmin-pearl, .is-loading.btn-outline-repodmin-pearl, .is-loading.btn-soft-repodmin-pearl, .is-loading.btn-ghost-repodmin-pearl, .is-loading.btn-repodmin-neaples, .is-loading.btn-outline-repodmin-neaples, .is-loading.btn-soft-repodmin-neaples, .is-loading.btn-ghost-repodmin-neaples, .is-loading.btn-repodmin-red, .is-loading.btn-outline-repodmin-red, .is-loading.btn-soft-repodmin-red, .is-loading.btn-ghost-repodmin-red {
  pointer-events: none;
  position: relative;
  color: transparent !important;
}

.btn.is-loading::after, .is-loading.btn-repodmin-green::after, .is-loading.btn-outline-repodmin-green::after, .is-loading.btn-soft-repodmin-green::after, .is-loading.btn-ghost-repodmin-green::after, .is-loading.btn-repodmin-orange::after, .is-loading.btn-outline-repodmin-orange::after, .is-loading.btn-soft-repodmin-orange::after, .is-loading.btn-ghost-repodmin-orange::after, .is-loading.btn-repodmin-deepsky-blue::after, .is-loading.btn-outline-repodmin-deepsky-blue::after, .is-loading.btn-soft-repodmin-deepsky-blue::after, .is-loading.btn-ghost-repodmin-deepsky-blue::after, .is-loading.btn-repodmin-cyan::after, .is-loading.btn-outline-repodmin-cyan::after, .is-loading.btn-soft-repodmin-cyan::after, .is-loading.btn-ghost-repodmin-cyan::after, .is-loading.btn-repodmin-claret::after, .is-loading.btn-outline-repodmin-claret::after, .is-loading.btn-soft-repodmin-claret::after, .is-loading.btn-ghost-repodmin-claret::after, .is-loading.btn-repodmin-chartreuse::after, .is-loading.btn-outline-repodmin-chartreuse::after, .is-loading.btn-soft-repodmin-chartreuse::after, .is-loading.btn-ghost-repodmin-chartreuse::after, .is-loading.btn-repodmin-gunmetal::after, .is-loading.btn-outline-repodmin-gunmetal::after, .is-loading.btn-soft-repodmin-gunmetal::after, .is-loading.btn-ghost-repodmin-gunmetal::after, .is-loading.btn-repodmin-bittersweet::after, .is-loading.btn-outline-repodmin-bittersweet::after, .is-loading.btn-soft-repodmin-bittersweet::after, .is-loading.btn-ghost-repodmin-bittersweet::after, .is-loading.btn-repodmin-majorelle-blue::after, .is-loading.btn-outline-repodmin-majorelle-blue::after, .is-loading.btn-soft-repodmin-majorelle-blue::after, .is-loading.btn-ghost-repodmin-majorelle-blue::after, .is-loading.btn-repodmin-pearl::after, .is-loading.btn-outline-repodmin-pearl::after, .is-loading.btn-soft-repodmin-pearl::after, .is-loading.btn-ghost-repodmin-pearl::after, .is-loading.btn-repodmin-neaples::after, .is-loading.btn-outline-repodmin-neaples::after, .is-loading.btn-soft-repodmin-neaples::after, .is-loading.btn-ghost-repodmin-neaples::after, .is-loading.btn-repodmin-red::after, .is-loading.btn-outline-repodmin-red::after, .is-loading.btn-soft-repodmin-red::after, .is-loading.btn-ghost-repodmin-red::after {
  content: "";
  position: absolute;
  inset-inline-end: calc(50% - 0.6em);
  top: 50%;
  width: 1.2em;
  height: 1.2em;
  margin-top: -0.6em;
  border-radius: 50%;
  border: 2px solid currentColor;
  border-right-color: transparent;
  animation: btn-spin 0.65s linear infinite;
}

@keyframes btn-spin {
  to {
    transform: rotate(360deg);
  }
}
/* -----------------------
   9) Focus outline reset (mouse users)
------------------------*/
:focus:not(:focus-visible) {
  outline: none;
}

/* -----------------------
   10) Kullanım örnekleri (yorum)
------------------------*/
/*
  <button class="btn btn-repodmin-orange">Kaydet</button>
  <button class="btn btn-outline-repodmin-orange">Dış Çizgi</button>
  <button class="btn btn-soft-repodmin-green btn-sm">Soft</button>
  <button class="btn btn-ghost-repodmin-red btn-lg">Ghost</button>
  <button class="btn btn-repodmin-deepsky-blue btn-icon"><i class="bi bi-plus"></i></button>

  <span class="text-repodmin-green">...</span>
  <div class="bg-repodmin-pearl border-repodmin-pearl p-3 rounded-2">...</div>
*//*# sourceMappingURL=utilities.css.map */