/* Appily Sixty — contrast safety net
   Dark chrome keeps light ink. Light page skins own their .page-main ink.
   Do NOT force --ink (#F4F6FB) onto every .page-main — that caused white-on-light text. */

body.a60-store {
  color: var(--ink);
}

/* Inherit within main; page sheets set the actual ink color */
.page-main h1,
.page-main h2,
.page-main h3,
.page-main h4,
.page-main p,
.page-main label,
.page-main li,
.page-main span:not([class*="badge"]):not([class*="glyph"]),
.page-main a,
.page-main strong,
.page-main em,
.page-main small,
.page-main dt,
.page-main dd,
.page-main time,
.page-main button {
  color: inherit;
}

/* Dark-surface pages: keep Obsidian readable ink + dark fields */
.page-shop .page-main,
.page-product .page-main,
.page-account .page-main,
.page-policy .page-main {
  color: var(--ink);
}

.page-shop .page-main .muted,
.page-shop .page-main .a60-lede,
.page-shop .page-main .text-muted,
.page-product .page-main .muted,
.page-product .page-main .a60-lede,
.page-product .page-main .text-muted,
.page-account .page-main .muted,
.page-account .page-main .a60-lede,
.page-account .page-main .text-muted,
.page-policy .page-main .muted,
.page-policy .page-main .a60-lede,
.page-policy .page-main .text-muted {
  color: var(--ink-soft) !important;
}

.page-shop .page-main input,
.page-shop .page-main select,
.page-shop .page-main textarea,
.page-product .page-main input,
.page-product .page-main select,
.page-product .page-main textarea,
.page-account .page-main input,
.page-account .page-main select,
.page-account .page-main textarea,
.page-policy .page-main input,
.page-policy .page-main select,
.page-policy .page-main textarea {
  background: var(--obsidian-3) !important;
  color: var(--ink) !important;
  border: 1.5px solid var(--line) !important;
  border-radius: var(--radius);
}

.page-shop .page-main input:focus,
.page-shop .page-main select:focus,
.page-shop .page-main textarea:focus,
.page-product .page-main input:focus,
.page-product .page-main select:focus,
.page-product .page-main textarea:focus,
.page-account .page-main input:focus,
.page-account .page-main select:focus,
.page-account .page-main textarea:focus,
.page-policy .page-main input:focus,
.page-policy .page-main select:focus,
.page-policy .page-main textarea:focus {
  outline: 2px solid var(--lime);
  border-color: var(--lime) !important;
}

.page-main button,
.page-main .btn,
.page-main [type="submit"] {
  cursor: pointer;
}

/* Auth / account from store-chrome */
.ts-auth-panel,
.ts-account-shell,
.ac27-folio,
.store-auth-card,
.auth-split-gate,
.auth-dash-layout,
.auth-page {
  background: var(--obsidian-2) !important;
  color: var(--ink) !important;
  border-color: var(--glass-border) !important;
}

.auth-form label,
.form-subhead,
.profile-item .v,
.orders-head h3 {
  color: var(--ink) !important;
}

.auth-dash-sidebar {
  color: var(--ink) !important;
}

.toast {
  color: var(--ink) !important;
  background: var(--obsidian-3) !important;
}

.page-shop,
.page-product,
.page-cart,
.page-checkout,
.page-account,
.page-orders,
.page-help,
.page-contact,
.page-company,
.page-catalog,
.page-track,
.page-order-status,
.page-order-success,
.page-policy,
.page-home {
  background: transparent;
}

/* Lime CTAs need dark text */
[class*="-btn-primary"],
.a60-btn:not(.a60-btn-ghost) {
  color: var(--obsidian) !important;
}

.page-shop .a60-btn-ghost,
.page-product .a60-btn-ghost,
.page-account .a60-btn-ghost,
.page-policy .a60-btn-ghost {
  color: var(--ink) !important;
}

.a60-island.is-compact {
  height: 56px;
  top: 0.5rem;
}

.a60-tape { color: var(--ink); }
.a60-tape-base { color: var(--obsidian); }

/* Light-page muted helpers (avoid global --ink-soft on chalk) */
.page-home .page-main .muted,
.page-home .page-main .a60-lede,
.page-home .page-main .text-muted { color: var(--fd-mute, #5a6e62) !important; }

.page-help .page-main .muted,
.page-help .page-main .a60-lede,
.page-help .page-main .text-muted { color: var(--cx-mute, #5a6a76) !important; }

.page-track .page-main .muted,
.page-track .page-main .a60-lede,
.page-track .page-main .text-muted { color: var(--wp-mute, #5c6b7a) !important; }

.page-cart .page-main .muted,
.page-cart .page-main .a60-lede,
.page-cart .page-main .text-muted { color: var(--tl-mute, #3d4a56) !important; }

.page-orders .page-main .muted,
.page-orders .page-main .a60-lede,
.page-orders .page-main .text-muted { color: var(--cd-mute, #5c6678) !important; }

/* Chronicle selected lane — keep light ink on dark surface */
.page-orders .a60x-or-lane.is-selected,
.page-orders .a60x-or-lane.is-selected .a60x-or-lane-id {
  color: #fff !important;
}
.page-orders .a60x-or-lane.is-selected .a60x-or-lane-seq,
.page-orders .a60x-or-lane.is-selected .a60x-or-lane-badge {
  color: #ffc46a !important;
}
.page-orders .a60x-or-lane.is-selected .a60x-or-lane-sum {
  color: rgba(255, 255, 255, 0.72) !important;
}
.page-orders .a60x-or-progress span.is-active i {
  color: #fff !important;
}

.page-checkout .page-main .muted,
.page-checkout .page-main .a60-lede,
.page-checkout .page-main .text-muted { color: var(--vg-mute, #6a7380) !important; }

.page-order-status .page-main .muted,
.page-order-status .page-main .a60-lede,
.page-order-status .page-main .text-muted { color: var(--ra-mute, #6b7a8a) !important; }

.page-contact .page-main .muted,
.page-contact .page-main .a60-lede,
.page-contact .page-main .text-muted { color: var(--mp-mute, #5a6b78) !important; }

.page-company .page-main .muted,
.page-company .page-main .a60-lede,
.page-company .page-main .text-muted { color: var(--vc-mute, #5a6e62) !important; }

.page-catalog .page-main .muted,
.page-catalog .page-main .a60-lede,
.page-catalog .page-main .text-muted { color: var(--il-mute, #5c6678) !important; }

.page-order-success .page-main .muted,
.page-order-success .page-main .a60-lede,
.page-order-success .page-main .text-muted { color: var(--sf-mute, #5c6b78) !important; }