/* Make the collection return link readable on the light prototype canvas. */
body:is(.event-preview, .food-preview, .outdoor-preview) {
  --px-brand-ink: #101112;
  --px-brand-muted: #74736f;
}
body:is(.event-preview, .food-preview, .outdoor-preview) .px-header-back {
  color: #234baf;
  border-color: rgba(35,75,175,.2);
  background: rgba(255,255,255,.76);
  box-shadow: 0 5px 16px -10px rgba(35,58,105,.3), inset 0 1px 0 #fff;
  -webkit-backdrop-filter: blur(16px);
  backdrop-filter: blur(16px);
}
body:is(.event-preview, .food-preview, .outdoor-preview) .px-header-back:hover {
  color: #173986;
  border-color: rgba(35,75,175,.4);
  background: #fff;
}

/* Only the left column is dark when the AI form and results sit side by side. */
@media (min-width: 901px) {
  .idea-generator-page .brief-card {
    --idea-ink: #f5f6f8;
    --idea-muted: #c1c4cd;
    --idea-soft: #adb2be;
    --idea-blue: #a8beff;
    --idea-blue-dark: #b7c9ff;
    --idea-line: rgba(255,255,255,.16);
    color-scheme: dark;
    color: var(--idea-ink);
    border-color: rgba(255,255,255,.15);
    background: linear-gradient(145deg, #30333b, #23262d 58%, #1f2228);
    box-shadow: 0 3px 5px rgba(23,27,36,.08), 0 22px 40px -20px rgba(23,27,36,.42), inset 0 1px 0 rgba(255,255,255,.08);
  }
  .idea-generator-page .brief-card .idea-field :is(input, textarea, select) {
    color: var(--idea-ink);
    border-color: var(--idea-line);
    background: rgba(255,255,255,.065);
    box-shadow: inset 0 1px 2px rgba(0,0,0,.12);
  }
  .idea-generator-page .brief-card .idea-field :is(input, textarea)::placeholder {
    color: #a7aebb;
  }
  .idea-generator-page .brief-card .idea-field :is(input, textarea, select):hover {
    background: rgba(255,255,255,.09);
  }
  .idea-generator-page .brief-card .idea-field :is(input, textarea, select):focus {
    border-color: #a8beff;
    background: rgba(255,255,255,.1);
    box-shadow: 0 0 0 3px rgba(168,190,255,.14);
  }
  .idea-generator-page .brief-card .idea-field [aria-invalid="true"] {
    border-color: #ffb4ab;
  }
  .idea-generator-page .brief-card .idea-field select option {
    color: #f5f6f8;
    background: #2b2e36;
  }
  .idea-generator-page .brief-card .goal-chip {
    color: #b7c9ff;
    border-color: rgba(168,190,255,.25);
    background: rgba(168,190,255,.09);
  }
  .idea-generator-page .brief-card .goal-chip:hover {
    background: rgba(168,190,255,.18);
  }
  .idea-generator-page .brief-card .goal-chip[aria-pressed="true"] {
    color: #fff;
    border-color: #6e94f0;
    background: #234baf;
  }
  .idea-generator-page .brief-card .secondary-btn {
    color: var(--idea-muted);
    border-color: var(--idea-line);
    background: rgba(255,255,255,.065);
  }
  .idea-generator-page .brief-card .secondary-btn:hover {
    color: #fff;
    background: rgba(255,255,255,.12);
  }
  .idea-generator-page .brief-card :focus-visible { outline-color: #a8beff; }
  .idea-generator-page .brief-card .form-message { color: #ffb4ab; }
}