/* Taildo public front maintenance layer.
   Load order: Tailwind output -> spec -> theme -> front -> public shell -> density.
   Put shared non-admin page tokens and reusable public surface contracts here. */

body[data-taildo-public-shell="true"] {
  --td-front-bg: var(--td-page-bg, #f6f7f8);
  --td-front-panel: var(--td-ui-panel, #ffffff);
  --td-front-panel-muted: var(--td-ui-soft, #f8fafc);
  --td-front-line: var(--td-ui-line, #d8dee8);
  --td-front-line-soft: #e6ecf3;
  --td-front-text: var(--td-ui-text, #0f172a);
  --td-front-muted: var(--td-ui-muted, #475569);
  --td-front-subtle: #64748b;
  --td-front-action: var(--td-logo-action, #d96f2f);
  --td-front-action-hover: var(--td-logo-action-hover, #bf6128);
  --td-front-action-soft: var(--td-logo-action-soft, #fff1e8);
  --td-front-radius: 0.72rem;
  --td-front-radius-sm: 0.52rem;
  --td-front-gap: 0.75rem;
  --td-front-control-h: 2.12rem;
  --td-front-shadow: none;
}

html[data-theme="dark"] body[data-taildo-public-shell="true"] {
  --td-front-bg: var(--td-dark-bg, #08111f);
  --td-front-panel: var(--td-dark-panel, #111827);
  --td-front-panel-muted: rgba(15, 23, 42, 0.78);
  --td-front-line: var(--td-neutral-line, rgba(148, 163, 184, 0.26));
  --td-front-line-soft: rgba(148, 163, 184, 0.18);
  --td-front-text: var(--td-neutral-ink, #e5edf7);
  --td-front-muted: var(--td-neutral-text, #c8d3e2);
  --td-front-subtle: #94a3b8;
  --td-front-action-soft: rgba(217, 111, 47, 0.18);
}

body[data-taildo-public-shell="true"] #taildo-main-content .taildo-layout-content :where(
  .taildo-home-page,
  .taildo-social-page,
  .taildo-board-page,
  .taildo-crew-page,
  .taildo-chat-page,
  .taildo-talk-page,
  .taildo-neighbors-page,
  .taildo-profile-page,
  .taildo-search-page,
  .taildo-support-page,
  .taildo-messages-page,
  .taildo-notifications-page,
  .taildo-vote-page
) {
  box-sizing: border-box;
  width: 100%;
  max-width: 100%;
  color: var(--td-front-text);
}

@media (max-width: 640px) {
  body[data-taildo-public-shell="true"] {
    --td-front-gap: 0.58rem;
    --td-front-control-h: 2.24rem;
  }
}