/* Product colors from the landing page. State labels and disabled controls
   retain their meaning; this layer changes presentation only. */
@media (forced-colors: none) {
  html[data-theme="light"] #root .app-shell.product-shell.original-ui.header-only-shell {
    --palette-lemon: #f0ef92;
    --palette-lavender: #dfcff3;
    --palette-sage: #dcebbd;
    --palette-coral: #f1c3b6;
    --palette-blue: #cbe6fa;
    --surface-violet: #f0e8f9;
    --surface-blue: #eaf4fc;
    --surface-sage: #eef5e2;
    --surface-sand: #faf9df;
    --theme-selected: #f0e8f9;
    --theme-link: #654987;
    --ui-accent-soft: #f0e8f9;
    --ui-accent-line: #c6b0df;
    --ui-focus: #755699;
    --ui-notification-soft: #f0ef92;
    --ldb-lavender: #f0e8f9;
  }

  #root .app-shell.product-shell.original-ui.header-only-shell .audience-workspace .ldb-database-card.selected {
    border-color: #bca3d3;
    background: #f0e8f9;
  }
  #root .app-shell.product-shell.original-ui .audience-workspace .ldb-database-card.selected svg {
    color: #654987;
  }
  #root .app-shell.product-shell.original-ui .audience-workspace .ldb-database-card:not(.selected) {
    background: #fff;
  }
  #root .app-shell.product-shell.original-ui :is(.button.primary:not(.danger):not(.danger-text), .ldb-primary, .product-home-simple-create):not(:disabled):not([aria-disabled="true"]) {
    color: #292a1c;
    background: #f0ef92;
    border-color: #dedb7e;
  }
  #root .app-shell.product-shell.original-ui .header-primary-navigation .workspace-workflow-link[aria-current="page"] {
    color: #28232f;
    background: #dfcff3;
  }
  #root .app-shell.product-shell.original-ui .header-telegram-tools .telegram-tool-link[aria-current="page"] {
    color: #533d6a;
    background: #f0e8f9;
  }

  #root .app-shell .modal:has(> .lc-workspace)[open] {
    --ink: #28232f;
    --muted: #716a7c;
    --line: #e8e2ed;
    --surface-soft: #faf8fc;
    background: #fff;
    border-color: #e8e2ed;
    box-shadow: 0 18px 70px #21162929;
  }
  #root .app-shell .lc-identity {
    background: #faf8fc;
    padding-top: 14px;
  }
  #root .app-shell .lc-identity .avatar {
    background: #dfcff3;
    color: #533d6a;
  }
  #root .app-shell .lc-portrait { border-color: #e9e0f2; border-top-color: #b49acb; }
  #root .app-shell .lc-portrait:is(.opted_out, .blocked) { border-top-color: #ac514d; }
  #root .app-shell .lc-tabs { background: #faf8fc; }
  #root .app-shell .lc-tabs button[aria-selected="true"] {
    color: #533d6a;
    background: #f0e8f9;
    border-bottom-color: #9370b3;
  }
  #root .app-shell .lc-relationship > div { color: #716a7c; }
  #root .app-shell .lc-relationship i { height: 4px; background: #eee9f2; }
  #root .app-shell .lc-relationship .current { color: #533d6a; font-weight: 600; }
  #root .app-shell .lc-relationship .current i { background: #af8ecb; }
  #root .app-shell .lc-contact-data span { color: #716a7c; }
  #root .app-shell .lc-shortcuts button { color: #28232f; border: 1px solid transparent; }
  #root .app-shell .lc-shortcuts button.notes { background: #dfcff3; border-color: #d3bfe9; }
  #root .app-shell .lc-shortcuts button.followup { background: #f0ef92; border-color: #e3df8d; }
  #root .app-shell .lc-shortcuts button.conversation { background: #cbe6fa; border-color: #b9d8ef; }
  #root .app-shell .lc-shortcuts button:disabled { background: #f1eff3; border-color: #e5e1e9; color: #837b8b; opacity: .7; }
  #root .app-shell .lc-readiness.ready { background: #eef5e2; border-color: #d3e3bb; }
  #root .app-shell .lc-readiness.held { background: #fff5e8; border-color: #ebd4b5; }
  #root .app-shell .lc-readiness.ready > svg { color: #53733e; }
  #root .app-shell .lc-readiness.held > svg { color: #8c602f; }
  #root .app-shell .lc-workspace .form-error { color: #923e42; background: #fff0ef; border-color: #eec7c7; }
  #root .app-shell .lc-notice { color: #426637; background: #eef5e2; }
  #root .app-shell .lc-task.completed .lc-task-icon { color: #426637; background: #e7f0db; }
  #root .app-shell .lc-task span.overdue { color: #a54d43; }
  #root .app-shell .lc-scroll { color-scheme: light; scrollbar-color: #c9bad5 transparent; }
  #root .app-shell .lc-workspace :is(button, input, select, textarea):focus-visible {
    outline: 2px solid #755699;
    outline-offset: 3px;
  }
  @media (hover: hover) and (pointer: fine) {
    #root .app-shell.product-shell.original-ui :is(.button.primary:not(.danger):not(.danger-text), .ldb-primary):not(:disabled):not([aria-disabled="true"]):hover { background: #e5e480; }
  }
}
