/* Canonical primary CTA styling for the public NeStory product surface.
   Keep admin controls isolated: the admin workspace has its own visual system. */
body:not([data-page="admin"]) .primary-button {
  transition:
    background 160ms ease,
    box-shadow 160ms ease,
    color 160ms ease;
}

body:not([data-page="admin"]) .primary-button:not(:disabled):not([aria-disabled="true"]) {
  color: #1b1207 !important;
  background: var(--accent) !important;
  border: 0 !important;
  box-shadow: 0 10px 24px rgba(244, 166, 64, 0.22) !important;
}

body:not([data-page="admin"]) .primary-button:not(:disabled):not([aria-disabled="true"]):hover,
body:not([data-page="admin"]) .primary-button:not(:disabled):not([aria-disabled="true"]):focus-visible {
  color: #1b1207 !important;
  background: var(--accent-hover) !important;
  box-shadow: 0 12px 26px rgba(244, 166, 64, 0.26) !important;
}

body[data-theme="light"]:not([data-page="admin"]) .primary-button:not(:disabled):not([aria-disabled="true"]) {
  color: #2a1705 !important;
  background: linear-gradient(180deg, #f4c06a 0%, #e7a84d 100%) !important;
  border: 0 !important;
  box-shadow:
    0 10px 22px rgba(185, 120, 36, 0.22),
    0 0 0 1px rgba(143, 86, 18, 0.08),
    0 0 28px rgba(244, 166, 64, 0.2) !important;
}

body[data-theme="light"]:not([data-page="admin"]) .primary-button:not(:disabled):not([aria-disabled="true"]):hover,
body[data-theme="light"]:not([data-page="admin"]) .primary-button:not(:disabled):not([aria-disabled="true"]):focus-visible {
  color: #2a1705 !important;
  background: linear-gradient(180deg, #f7c978 0%, #ecaf55 100%) !important;
  box-shadow:
    0 12px 26px rgba(185, 120, 36, 0.26),
    0 0 0 1px rgba(143, 86, 18, 0.1),
    0 0 32px rgba(244, 166, 64, 0.24) !important;
}

/* Selected navigation controls use the same light-theme accent treatment as
   current primary CTAs. Their dark-theme styling stays in main.css unchanged. */
body[data-theme="light"]:not([data-page="admin"]) .stats-glowing-active {
  color: #2a1705 !important;
  background: linear-gradient(180deg, #f4c06a 0%, #e7a84d 100%) !important;
  border-color: transparent !important;
  box-shadow:
    0 10px 22px rgba(185, 120, 36, 0.22),
    0 0 0 1px rgba(143, 86, 18, 0.08),
    0 0 28px rgba(244, 166, 64, 0.2) !important;
}

body[data-theme="light"]:not([data-page="admin"]) .stats-glowing-active:hover,
body[data-theme="light"]:not([data-page="admin"]) .stats-glowing-active:focus-visible {
  color: #2a1705 !important;
  background: linear-gradient(180deg, #f7c978 0%, #ecaf55 100%) !important;
  box-shadow:
    0 12px 26px rgba(185, 120, 36, 0.26),
    0 0 0 1px rgba(143, 86, 18, 0.1),
    0 0 32px rgba(244, 166, 64, 0.24) !important;
}