/* Approved warm charcoal surface. Keep page backgrounds neutral; concentrate amber at lower edges. */
:root{
 --brand-surface:radial-gradient(ellipse at 50% 125%,#e56f0520,transparent 72%) padding-box,linear-gradient(145deg,#202020f7,#171717f7) padding-box,linear-gradient(145deg,#ffffff16 5%,#ffffff24 45%,#e56f0566 100%) border-box;
 --brand-surface-hover:radial-gradient(ellipse at 50% 120%,#e56f0534,transparent 76%) padding-box,linear-gradient(145deg,#252525f7,#191919f7) padding-box,linear-gradient(145deg,#ffffff28,#e56f0580) border-box;
}
.ui-button.ui-button,#contact .ui-button,.site-header .nav-links .ui-button{
 border:1px solid transparent;border-radius:14px;color:#f6f5f1;
 background:var(--brand-surface);
 box-shadow:inset 0 1px 0 #ffffff03,0 7px 22px #00000012;
 text-decoration:none;isolation:isolate;transition:box-shadow .28s ease,transform .28s ease,filter .28s ease;
}
.ui-button.ui-button:focus-visible,#contact .ui-button:focus-visible,.site-header .nav-links .ui-button:focus-visible{outline:2px solid var(--light);outline-offset:4px;box-shadow:0 0 0 5px #e56f0518,0 8px 28px #0002}
.ui-button.ui-button:disabled,#contact .ui-button:disabled{opacity:.55;cursor:wait;transform:none;box-shadow:none}
.button-link.ui-button{padding:11px 20px}
.circle-link.ui-button,.certificate-close.ui-button{width:44px;height:44px;border-radius:14px}
#contact .inquiry-again.ui-button{padding:10px 18px;min-height:46px}
.footer-contact-cta.ui-button,.certificate-download.ui-button{padding:10px 18px;min-height:44px;display:inline-flex;align-items:center;gap:12px}
.project-archive>summary.ui-button{padding:18px 22px;min-height:56px}
.iso-card.ui-button{width:calc(100% - 16px);margin-inline:auto}
#contact .inquiry-spinner{border-color:#ffffffb3;border-top-color:transparent}
@media(hover:hover){
 .ui-button.ui-button:hover:not(:disabled),#contact .ui-button:hover:not(:disabled),.site-header .nav-links .ui-button:hover:not(:disabled){color:#fff;background:var(--brand-surface-hover);box-shadow:inset 0 1px 0 #ffffff08,0 0 25px #e56f050c,0 8px 28px #0002;transform:translateY(-2px)}
}
.ui-button.ui-button:active:not(:disabled),#contact .ui-button:active:not(:disabled){transform:translateY(0) scale(.985);box-shadow:inset 0 2px 9px #0004,0 0 18px #e56f0514}
.hero .hero-project,#quality .credential-box,.clients-section .client-logo{background:var(--brand-surface);border:1px solid transparent}
@media(max-width:600px){.button-link.ui-button{padding:10px 16px}.iso-card.ui-button{width:calc(100% - 10px)}.project-archive>summary.ui-button{padding:15px 16px}}
@media(prefers-reduced-motion:reduce){.ui-button.ui-button,#contact .ui-button,.site-header .nav-links .ui-button{transition:none;transform:none!important}}