/* SKYBLEU_UI_PRESETS_DYNAMIC_V1
   Generated from the password-gated SkyBleu UI Lab.
   Do not hand-edit this response; edit/save a preset in /ui-lab/. */

.button-wrap.cobalt-glass[data-sky-preset="cobalt-glass"] {
  --sky-base-rgb: 0 93 255;
  --sky-light-rgb: 8 112 255;
  --sky-dark-rgb: 0 78 232;
  --sky-deep-rgb: 0 28 118;
  --sky-glow-top-rgb: 0 86 255;
  --sky-glow-rgb: 0 57 225;
  --sky-tint-rgb: 0 45 180;
  --sky-text-dark-rgb: 0 20 80;
  --sky-active-dark-rgb: 0 22 100;
  --sky-outline-dark-rgb: 0 23 105;
  --global--size: 14px;
  --button-min-height: 45px;
  --button-radius: 12px;
  --wrap-radius: 12px;
  --text-padding-inline: 22px;
  --text-padding-block: 12.3px;
  --button-blur: 6px;
  --button-hover-blur: 4px;
  --glass-top-alpha: 0.1;
  --glass-mid-alpha: 0.24;
  --glass-bottom-alpha: 0.06;
  --coat-top-alpha: 0.4;
  --coat-mid-alpha: 0.13;
  --coat-bottom-alpha: 0.12;
  --shadow-gradient-top-alpha: 0.68;
  --shadow-gradient-bottom-alpha: 0.24;
  --shadow-blur-px: 12px;
  --shine-alpha: 0.66;
  --outline-light-alpha: 0.72;
  --outline-secondary-alpha: 0.3;
  --outline-dark-alpha: 0.44;
  --button-hover-scale: 0.985;
  --active-rotate-angle: 7deg;
  --text-font-weight: 720;
}

.button-wrap.cobalt-glass[data-sky-preset="cobalt-glass-sharp-corners"] {
  --sky-base-rgb: 0 93 255;
  --sky-light-rgb: 8 112 255;
  --sky-dark-rgb: 0 78 232;
  --sky-deep-rgb: 0 28 118;
  --sky-glow-top-rgb: 0 86 255;
  --sky-glow-rgb: 0 57 225;
  --sky-tint-rgb: 0 45 180;
  --sky-text-dark-rgb: 0 20 80;
  --sky-active-dark-rgb: 0 22 100;
  --sky-outline-dark-rgb: 0 23 105;
  --global--size: 14px;
  --button-min-height: 46px;
  --button-radius: 0px;
  --wrap-radius: 0px;
  --text-padding-inline: 26px;
  --text-padding-block: 12.3px;
  --button-blur: 6px;
  --button-hover-blur: 4px;
  --glass-top-alpha: 0.1;
  --glass-mid-alpha: 0.24;
  --glass-bottom-alpha: 0.06;
  --coat-top-alpha: 0.4;
  --coat-mid-alpha: 0.13;
  --coat-bottom-alpha: 0.12;
  --shadow-gradient-top-alpha: 0.68;
  --shadow-gradient-bottom-alpha: 0.24;
  --shadow-blur-px: 12px;
  --shine-alpha: 0.66;
  --outline-light-alpha: 0.72;
  --outline-secondary-alpha: 0.3;
  --outline-dark-alpha: 0.44;
  --button-hover-scale: 0.985;
  --active-rotate-angle: 7deg;
  --text-font-weight: 720;
}

/* Standard optional size overrides. Put data-sky-size on the wrapper. */
.button-wrap.cobalt-glass[data-sky-size="small"] {
  --global--size: 12px;
  --button-min-height: 36px;
  --button-radius: 9px;
  --wrap-radius: 9px;
  --text-padding-inline: 15px;
  --text-padding-block: 9.5px;
}

.button-wrap.cobalt-glass[data-sky-size="medium"] {
  --global--size: 14px;
  --button-min-height: 46px;
  --button-radius: 12px;
  --wrap-radius: 12px;
  --text-padding-inline: 22px;
  --text-padding-block: 12.32px;
}

.button-wrap.cobalt-glass[data-sky-size="large"] {
  --global--size: 16px;
  --button-min-height: 56px;
  --button-radius: 15px;
  --wrap-radius: 15px;
  --text-padding-inline: 30px;
  --text-padding-block: 15.0px;
}

.button-wrap.cobalt-glass[data-sky-size="xl"] {
  --global--size: 18px;
  --button-min-height: 64px;
  --button-radius: 18px;
  --wrap-radius: 18px;
  --text-padding-inline: 36px;
  --text-padding-block: 17.0px;
}