/* Shared text colors on the site's light surfaces. Keep inverse and status text local. */
:root {
  --body-text: #000;
  --placeholder-text: #767676;
  --ink: var(--body-text);
  --muted: var(--body-text);
  --sub: var(--body-text);
  --sidebar-muted: var(--body-text);
}

#ordersView { --muted: var(--body-text); }
.sidebar { --sidebar-text: var(--body-text); }
button, input, select, textarea { color: inherit; }
input::placeholder, textarea::placeholder { color: var(--placeholder-text); opacity: 1; }
.subnav .current { text-decoration: underline; text-underline-offset: 4px; }
/* Sold-out sizes remain distinguished by their strike-through and disabled state. */
.sizes button:disabled { opacity: 1; }