/* === New Themes (match house style) === */
/* Gray */
[data-bs-theme=dark][data-color-theme=Gray_Theme]:root,
[data-bs-theme=light][data-color-theme=Gray_Theme]:root {
  --bs-primary:#575757; --bs-primary-rgb:87,87,87;
  --bs-light-primary:rgba(87,87,87,.1);
  --bs-primary-bg-subtle:rgba(87,87,87,.1);

  --bs-secondary:#16CDC7; --bs-secondary-rgb:22,205,199;
  --bs-light-secondary:rgba(22,205,199,.1);
  --bs-secondary-bg-subtle:rgba(22,205,199,.1);
}
[data-bs-theme=dark][data-color-theme=Gray_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=Gray_Theme]:root .btn-primary {
  --bs-btn-bg:#575757; --bs-btn-border-color:#575757;
  --bs-btn-hover-bg:#4b4b4b; --bs-btn-hover-border-color:#4b4b4b;
}
[data-bs-theme=dark][data-color-theme=Gray_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=Gray_Theme]:root .btn-secondary {
  --bs-btn-bg:#16CDC7; --bs-btn-border-color:#16CDC7;
  --bs-btn-hover-bg:#1cc3bd; --bs-btn-hover-border-color:#1cc3bd;
}

/* Light Green */
[data-bs-theme=dark][data-color-theme=LightGreen_Theme]:root,
[data-bs-theme=light][data-color-theme=LightGreen_Theme]:root {
  --bs-primary:#76d57b; --bs-primary-rgb:118,213,123;
  --bs-light-primary:rgba(118,213,123,.1);
  --bs-primary-bg-subtle:rgba(118,213,123,.1);

  --bs-secondary:#2BB673; --bs-secondary-rgb:43,182,115;
  --bs-light-secondary:rgba(43,182,115,.1);
  --bs-secondary-bg-subtle:rgba(43,182,115,.1);
}
[data-bs-theme=dark][data-color-theme=LightGreen_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=LightGreen_Theme]:root .btn-primary {
  --bs-btn-bg:#76d57b; --bs-btn-border-color:#76d57b;
  --bs-btn-hover-bg:#66c06b; --bs-btn-hover-border-color:#66c06b;
}
[data-bs-theme=dark][data-color-theme=LightGreen_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=LightGreen_Theme]:root .btn-secondary {
  --bs-btn-bg:#2BB673; --bs-btn-border-color:#2BB673;
  --bs-btn-hover-bg:#239a60; --bs-btn-hover-border-color:#239a60;
}

/* Amber */
[data-bs-theme=dark][data-color-theme=Amber_Theme]:root,
[data-bs-theme=light][data-color-theme=Amber_Theme]:root {
  --bs-primary:#feaa3a; --bs-primary-rgb:254,170,58;
  --bs-light-primary:rgba(254,170,58,.1);
  --bs-primary-bg-subtle:rgba(254,170,58,.1);

  --bs-secondary:#FF7B54; --bs-secondary-rgb:255,123,84;
  --bs-light-secondary:rgba(255,123,84,.1);
  --bs-secondary-bg-subtle:rgba(255,123,84,.1);
}
[data-bs-theme=dark][data-color-theme=Amber_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=Amber_Theme]:root .btn-primary {
  --bs-btn-bg:#feaa3a; --bs-btn-border-color:#feaa3a;
  --bs-btn-hover-bg:#f0972b; --bs-btn-hover-border-color:#f0972b;
}
[data-bs-theme=dark][data-color-theme=Amber_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=Amber_Theme]:root .btn-secondary {
  --bs-btn-bg:#FF7B54; --bs-btn-border-color:#FF7B54;
  --bs-btn-hover-bg:#e36a47; --bs-btn-hover-border-color:#e36a47;
}

/* Soft Blue */
[data-bs-theme=dark][data-color-theme=SoftBlue_Theme]:root,
[data-bs-theme=light][data-color-theme=SoftBlue_Theme]:root {
  --bs-primary:#92beff; --bs-primary-rgb:146,190,255;
  --bs-light-primary:rgba(146,190,255,.1);
  --bs-primary-bg-subtle:rgba(146,190,255,.1);

  --bs-secondary:#6AA6FF; --bs-secondary-rgb:106,166,255;
  --bs-light-secondary:rgba(106,166,255,.1);
  --bs-secondary-bg-subtle:rgba(106,166,255,.1);
}
[data-bs-theme=dark][data-color-theme=SoftBlue_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=SoftBlue_Theme]:root .btn-primary {
  --bs-btn-bg:#92beff; --bs-btn-border-color:#92beff;
  --bs-btn-hover-bg:#7eabff; --bs-btn-hover-border-color:#7eabff;
}
[data-bs-theme=dark][data-color-theme=SoftBlue_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=SoftBlue_Theme]:root .btn-secondary {
  --bs-btn-bg:#6AA6FF; --bs-btn-border-color:#6AA6FF;
  --bs-btn-hover-bg:#5b95f0; --bs-btn-hover-border-color:#5b95f0;
}

/* Bright Yellow */
[data-bs-theme=dark][data-color-theme=Yellow_Theme]:root,
[data-bs-theme=light][data-color-theme=Yellow_Theme]:root {
  --bs-primary:#fee300; --bs-primary-rgb:254,227,0;
  --bs-light-primary:rgba(254,227,0,.12);
  --bs-primary-bg-subtle:rgba(254,227,0,.12);

  --bs-secondary:#FFB703; --bs-secondary-rgb:255,183,3;
  --bs-light-secondary:rgba(255,183,3,.12);
  --bs-secondary-bg-subtle:rgba(255,183,3,.12);
}
[data-bs-theme=dark][data-color-theme=Yellow_Theme]:root .btn-primary,
[data-bs-theme=light][data-color-theme=Yellow_Theme]:root .btn-primary {
  --bs-btn-bg:#fee300; --bs-btn-border-color:#fee300;
  --bs-btn-hover-bg:#e6cd00; --bs-btn-hover-border-color:#e6cd00;
}
[data-bs-theme=dark][data-color-theme=Yellow_Theme]:root .btn-secondary,
[data-bs-theme=light][data-color-theme=Yellow_Theme]:root .btn-secondary {
  --bs-btn-bg:#FFB703; --bs-btn-border-color:#FFB703;
  --bs-btn-hover-bg:#e4a202; --bs-btn-hover-border-color:#e4a202;
}

/* Palette circles */
.skin-7  { background-color:#575757; }
.skin-8  { background-color:#76d57b; }
.skin-9  { background-color:#feaa3a; }
.skin-10 { background-color:#92beff; }
.skin-11 { background-color:#fee300; }