/* Monochrome visual theme. The application's page structure stays shared. */
:root[data-theme="monochrome"] {
  --paper: #fff;
  --white: #fff;
  --ink: #000;
  --muted: #666;
  --line: #eee;
  --forest: #000;
  --lime: #f0f0f0;
  --orange: #666;
  --danger: #000;
  color-scheme: light;
  font-family: "Segoe UI", system-ui, -apple-system, sans-serif;
  font-size: 13px;
  line-height: 1.7;
  color: #000;
  background: #fff;
  accent-color: #000;
}
[data-theme="monochrome"] body { font-size: 13px; line-height: 1.7; }
[data-theme="monochrome"] .page-shell,
[data-theme="monochrome"] .site-header,
[data-theme="monochrome"] .site-footer { max-width: 900px; padding-left: 20px; padding-right: 20px; }
[data-theme="monochrome"] .site-header { border-bottom: 1px solid #eee; gap: 32px; }
[data-theme="monochrome"] .brand { font-size: 24px; font-weight: 700; letter-spacing: 0; }
[data-theme="monochrome"] .brand-light { font-weight: 700; }
[data-theme="monochrome"] .brand-dot { color: #000; }
[data-theme="monochrome"] .brand img { content: url("../favicon-monochrome.svg"); }
[data-theme="monochrome"] .page-intro h1,
[data-theme="monochrome"] .setup-intro h1,
[data-theme="monochrome"] .owner-title,
[data-theme="monochrome"] .redirect-card h1 { font-size: 24px; font-weight: 700; letter-spacing: 0; line-height: 1.4; }
[data-theme="monochrome"] .serif { font: inherit; }
[data-theme="monochrome"] .eyebrow,
[data-theme="monochrome"] .page-intro .eyebrow,
[data-theme="monochrome"] .section-heading .eyebrow,
[data-theme="monochrome"] .preview-heading .eyebrow {
  font-size: 11px; font-weight: 400; letter-spacing: .1em; text-transform: uppercase; color: #666;
}
[data-theme="monochrome"] .intro-copy,
[data-theme="monochrome"] .setup-intro > p:last-child { font-size: 14px; line-height: 1.7; color: #444; }
[data-theme="monochrome"] .nav-link {
  color: #000; font-size: 13px; font-weight: 400; letter-spacing: .02em; border-bottom: 3px solid transparent;
}
[data-theme="monochrome"] .nav-link.active { font-weight: 700; border-bottom-color: #000; }
[data-theme="monochrome"] .nav-link.active::after { display: none; }
[data-theme="monochrome"] .editor-card,
[data-theme="monochrome"] .step-card,
[data-theme="monochrome"] .recent-item,
[data-theme="monochrome"] .redirect-card {
  background: #fafafa; border: 1px solid #ccc; border-radius: 6px; padding: 16px 20px;
}
[data-theme="monochrome"] .preview-card,
[data-theme="monochrome"] .short-preview-card,
[data-theme="monochrome"] .owner-preview {
  background: #f0f0f0; color: #000; border: 1px solid #999; border-radius: 6px; padding: 16px 20px;
}
[data-theme="monochrome"] .setup-config {
  background: #f0f0f0; border: 2px solid #000; border-radius: 6px; padding: 16px 20px;
}
[data-theme="monochrome"] .preview-card::after { display: none; }
[data-theme="monochrome"] h2,
[data-theme="monochrome"] .section-heading h2,
[data-theme="monochrome"] .preview-card h2,
[data-theme="monochrome"] .short-preview-card h2,
[data-theme="monochrome"] .recent-heading h2,
[data-theme="monochrome"] .step-card h2,
[data-theme="monochrome"] .setup-config h2 {
  font-size: 16px; font-weight: 700; line-height: 1.7; letter-spacing: 0; color: #000;
  border-bottom: 2px solid #000; padding-bottom: 6px; margin-top: 24px;
}
[data-theme="monochrome"] .section-heading { align-items: flex-start; }
[data-theme="monochrome"] .step-card h2 { margin-top: 0; }
[data-theme="monochrome"] .field-group label,
[data-theme="monochrome"] .color-picker legend,
[data-theme="monochrome"] .mode-option strong,
[data-theme="monochrome"] .setup-config h3 { font-size: 13px; color: #000; }
[data-theme="monochrome"] .optional { color: #666; font-size: 11px; }
[data-theme="monochrome"] input[type="url"],
[data-theme="monochrome"] input[type="text"],
[data-theme="monochrome"] select {
  background: #fff; color: #000; border: 1px solid #ccc; border-radius: 6px; font-size: 13px; line-height: 1.7;
}
[data-theme="monochrome"] input::placeholder { color: #666; }
[data-theme="monochrome"] input:focus,
[data-theme="monochrome"] select:focus { border-color: #000; }
[data-theme="monochrome"] input[aria-invalid="true"] { border: 2px solid #000; }
[data-theme="monochrome"] .mode-option > span { background: #fff; border: 1px solid #ccc; border-radius: 6px; }
[data-theme="monochrome"] .mode-option input:checked + span { background: #f0f0f0; border-color: #000; }
[data-theme="monochrome"] .mode-option input:checked + span strong { color: #000; }
[data-theme="monochrome"] .mode-option small { color: #444; font-size: 12px; line-height: 1.7; }
[data-theme="monochrome"] .mode-badge,
[data-theme="monochrome"] .count,
[data-theme="monochrome"] .pill-dark {
  background: #000; color: #fff; border: 1px solid #000; border-radius: 3px; font-size: 11px; font-weight: 700; padding: 2px 8px;
}
[data-theme="monochrome"] .draft-badge,
[data-theme="monochrome"] .step-number,
[data-theme="monochrome"] .pill-light {
  background: #fff; color: #000; border: 1px solid #000; border-radius: 3px; font-size: 11px; font-weight: 700; padding: 2px 8px;
}
[data-theme="monochrome"] .button { border-radius: 6px; font-size: 13px; font-weight: 700; }
[data-theme="monochrome"] .primary,
[data-theme="monochrome"] .light { background: #000; color: #fff; border: 1px solid #000; }
[data-theme="monochrome"] .primary:hover:not(:disabled),
[data-theme="monochrome"] .light:hover:not(:disabled) { background: #333; }
[data-theme="monochrome"] .secondary,
[data-theme="monochrome"] .setup-config .secondary,
[data-theme="monochrome"] .outline-light { background: #fff; color: #000; border: 1px solid #000; }
[data-theme="monochrome"] .button:hover:not(:disabled) { transform: none; }
[data-theme="monochrome"] .field-hint,
[data-theme="monochrome"] .form-status,
[data-theme="monochrome"] .preview-description,
[data-theme="monochrome"] .preview-footnote,
[data-theme="monochrome"] .short-explanation,
[data-theme="monochrome"] .owner-intro,
[data-theme="monochrome"] .step-card p,
[data-theme="monochrome"] .step-card li,
[data-theme="monochrome"] .setup-config > p,
[data-theme="monochrome"] .connect-note p,
[data-theme="monochrome"] .recent-empty p,
[data-theme="monochrome"] .recent-empty small,
[data-theme="monochrome"] .recent-heading p,
[data-theme="monochrome"] .recent-info strong,
[data-theme="monochrome"] .recent-info small,
[data-theme="monochrome"] .setup-bottom,
[data-theme="monochrome"] .site-footer {
  color: #444; font-size: 13px; line-height: 1.7;
}
[data-theme="monochrome"] .form-status.error { color: #000; font-weight: 700; }
[data-theme="monochrome"] .field-hint a,
[data-theme="monochrome"] .connect-note a,
[data-theme="monochrome"] .setup-bottom summary { color: #000; font-size: 13px; }
[data-theme="monochrome"] .inline-notice { background: #f0f0f0; color: #000; border: 1px solid #999; border-radius: 6px; font-size: 13px; }
[data-theme="monochrome"] .connection,
[data-theme="monochrome"] .preview-heading,
[data-theme="monochrome"] .recent-empty,
[data-theme="monochrome"] .intro-note,
[data-theme="monochrome"] .footer-muted { color: #666; }
[data-theme="monochrome"] .status-dot { background: #000; }
[data-theme="monochrome"] .corner-mark,
[data-theme="monochrome"] .tiny-arrow,
[data-theme="monochrome"] .note-mark,
[data-theme="monochrome"] .sparkle,
[data-theme="monochrome"] .big-arrow,
[data-theme="monochrome"] .recent-empty > span,
[data-theme="monochrome"] .redirect-symbol { color: #000; }
[data-theme="monochrome"] .text-button { color: #000; font-size: 13px; }
[data-theme="monochrome"] .note-icon,
[data-theme="monochrome"] .input-action,
[data-theme="monochrome"] .recent-item button { background: #f0f0f0; color: #000; }
[data-theme="monochrome"] .recent-empty { border-color: #ccc; border-radius: 6px; }
[data-theme="monochrome"] .qr-paper { box-shadow: none; border: 1px solid #ccc; border-radius: 6px; transform: none; }
[data-theme="monochrome"] .qr-empty,
[data-theme="monochrome"] .qr-empty p { color: #666; }
[data-theme="monochrome"] .preview-url,
[data-theme="monochrome"] .address-preview,
[data-theme="monochrome"] .short-url,
[data-theme="monochrome"] .redirect-card > p:not(.eyebrow) { color: #000; font-size: 13px; line-height: 1.7; }
[data-theme="monochrome"] .forest,
[data-theme="monochrome"] .mono-black { background: #000; }
[data-theme="monochrome"] .ink,
[data-theme="monochrome"] .mono-charcoal { background: #333; }
[data-theme="monochrome"] .indigo,
[data-theme="monochrome"] .mono-gray { background: #555; }
[data-theme="monochrome"] .swatches input:checked + .swatch::after { border-color: #000; }
[data-theme="monochrome"] .loading-track { background: #f0f0f0; }
[data-theme="monochrome"] .loading-track span { background: #000; }
[data-theme="monochrome"] code,
[data-theme="monochrome"] .step-card pre { background: #f5f5f5; color: #000; border-color: #ccc; }
[data-theme="monochrome"] button:focus-visible,
[data-theme="monochrome"] a:focus-visible,
[data-theme="monochrome"] input:focus-visible,
[data-theme="monochrome"] select:focus-visible,
[data-theme="monochrome"] .mode-option input:focus-visible + span,
[data-theme="monochrome"] .swatches input:focus-visible + .swatch { outline: 3px solid #000; }
[data-theme="monochrome"] table { width: 100%; border-collapse: collapse; }
[data-theme="monochrome"] th { background: #000; color: #fff; font-size: 12px; font-weight: 700; text-align: left; padding: 8px 12px; }
[data-theme="monochrome"] td { color: #000; font-size: 12px; padding: 8px 12px; border-bottom: 1px solid #ddd; }
[data-theme="monochrome"] tbody tr:nth-child(even) { background: #f5f5f5; }
[data-theme="monochrome"] ::selection { background: #000; color: #fff; }