/* =========================================================
   Arcendium Plain Button System
   - no gradients
   - no glow
   - no mixed colors
   - clean premium flat colors
========================================================= */

:root{
  --btn-primary:#00d4a9;
  --btn-primary-hover:#00b894;
  --btn-secondary:#eef4f8;
  --btn-secondary-hover:#e2edf4;
  --btn-text:#ffffff;
  --btn-dark-text:#0f172a;
}

html[data-theme="dark"]{
  --btn-primary:#00d4a9;
  --btn-primary-hover:#00b894;
  --btn-secondary:#172032;
  --btn-secondary-hover:#1e293b;
  --btn-text:#041016;
  --btn-dark-text:#f8fafc;
}

/* global button reset */
button,
.btn,
a.btn,
.nav-actions a,
.nav-actions button,
.auth-theme-toggle,
.theme-toggle,
.arc-theme-toggle,
.arc-mobile-menu-button,
.arc-mobile-menu-close,
.arc-mobile-menu-cta,
.arc-password-toggle,
input[type="submit"],
input[type="button"],
input[type="reset"]{
  background-image:none !important;
  box-shadow:none !important;
  text-shadow:none !important;
  filter:none !important;
}

/* primary buttons */
.btn-primary,
a.btn-primary,
button.btn-primary,
.cta-primary,
.hero-cta,
.arc-mobile-menu-cta,
input[type="submit"]{
  background:var(--btn-primary) !important;
  color:var(--btn-text) !important;
  border:1px solid var(--btn-primary) !important;
  box-shadow:none !important;
}

.btn-primary:hover,
a.btn-primary:hover,
button.btn-primary:hover,
.cta-primary:hover,
.hero-cta:hover,
.arc-mobile-menu-cta:hover,
input[type="submit"]:hover{
  background:var(--btn-primary-hover) !important;
  border-color:var(--btn-primary-hover) !important;
  color:var(--btn-text) !important;
  box-shadow:none !important;
  transform:translateY(-1px);
}

/* secondary / neutral buttons */
.btn-secondary,
.btn-outline,
.btn-ghost,
a.btn-secondary,
a.btn-outline,
a.btn-ghost,
button.btn-secondary,
button.btn-outline,
button.btn-ghost{
  background:var(--btn-secondary) !important;
  color:var(--btn-dark-text) !important;
  border:1px solid var(--border2, rgba(15,23,42,.14)) !important;
  box-shadow:none !important;
}

.btn-secondary:hover,
.btn-outline:hover,
.btn-ghost:hover,
a.btn-secondary:hover,
a.btn-outline:hover,
a.btn-ghost:hover,
button.btn-secondary:hover,
button.btn-outline:hover,
button.btn-ghost:hover{
  background:var(--btn-secondary-hover) !important;
  color:var(--btn-dark-text) !important;
  border-color:var(--border2, rgba(15,23,42,.18)) !important;
  box-shadow:none !important;
  transform:translateY(-1px);
}

/* nav/header buttons */
.nav-actions .btn,
.nav-actions a.btn,
.nav-actions button{
  box-shadow:none !important;
  background-image:none !important;
}

.nav-actions .btn-primary,
.nav-actions a[href="/register"],
.nav-actions a[href*="register"]{
  background:var(--btn-primary) !important;
  border-color:var(--btn-primary) !important;
  color:var(--btn-text) !important;
}

.nav-actions .btn-primary:hover,
.nav-actions a[href="/register"]:hover,
.nav-actions a[href*="register"]:hover{
  background:var(--btn-primary-hover) !important;
  border-color:var(--btn-primary-hover) !important;
}

/* icon buttons: theme toggle, mobile menu, close */
.arc-theme-toggle,
.theme-toggle,
.auth-theme-toggle,
.arc-mobile-menu-button,
.arc-mobile-menu-close{
  background:var(--btn-secondary) !important;
  color:var(--btn-dark-text) !important;
  border:1px solid var(--border2, rgba(15,23,42,.14)) !important;
  box-shadow:none !important;
}

.arc-theme-toggle:hover,
.theme-toggle:hover,
.auth-theme-toggle:hover,
.arc-mobile-menu-button:hover,
.arc-mobile-menu-close:hover{
  background:var(--btn-secondary-hover) !important;
  border-color:var(--btn-primary) !important;
  color:var(--btn-dark-text) !important;
  box-shadow:none !important;
}

/* password eye button should stay plain transparent */
.arc-password-toggle,
.arc-password-toggle:hover{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

/* mobile dropdown links */
.arc-mobile-menu-links a{
  background:var(--btn-secondary) !important;
  color:var(--btn-dark-text) !important;
  border:1px solid var(--border2, rgba(15,23,42,.12)) !important;
  box-shadow:none !important;
}

.arc-mobile-menu-links a:hover{
  background:var(--btn-secondary-hover) !important;
  border-color:var(--btn-primary) !important;
  box-shadow:none !important;
}

.arc-mobile-menu-links a.arc-mobile-menu-cta{
  background:var(--btn-primary) !important;
  color:var(--btn-text) !important;
  border-color:var(--btn-primary) !important;
}

.arc-mobile-menu-links a.arc-mobile-menu-cta:hover{
  background:var(--btn-primary-hover) !important;
  border-color:var(--btn-primary-hover) !important;
}

/* remove old gradient utility effects */
[class*="gradient"],
[class*="glow"],
[class*="shine"]{
  box-shadow:none !important;
}

/* specific old inline-gradient surfaces commonly used on buttons/cards */
button[style*="gradient"],
a[style*="gradient"],
.btn[style*="gradient"]{
  background:var(--btn-primary) !important;
  color:var(--btn-text) !important;
  box-shadow:none !important;
}

/* disabled buttons */
button:disabled,
.btn:disabled,
.btn.disabled,
input[type="submit"]:disabled{
  opacity:.55 !important;
  cursor:not-allowed !important;
  transform:none !important;
  box-shadow:none !important;
}