/* Flat theme surfaces; action colors are shared in button-effects.css. */
.specular-button {
  --sb-radius:var(--ui-radius);--sb-surface:var(--bg);--sb-text-color:var(--text);
  --sb-stroke:var(--line);--sb-focus:#6666ff;
  position:relative;isolation:isolate;margin:0;
  border:0;border-radius:var(--sb-radius);font:inherit;font-weight:500;
  line-height:1;letter-spacing:.01em;color:var(--sb-text-color);
  background:var(--sb-surface);box-shadow:inset 0 0 0 1px var(--sb-stroke);
  cursor:pointer;-webkit-tap-highlight-color:transparent;
  transition:background-color .16s,color .16s;
}
.specular-button:focus-visible {outline:2px solid var(--sb-focus);outline-offset:4px}
.specular-button:disabled {opacity:.5;cursor:default}
.specular-button__label {position:relative;display:inline-flex;align-items:center;gap:inherit;pointer-events:none}
@media(prefers-reduced-motion:reduce) {.specular-button {transition:none}}