/* OPT-IN dark theme. Light/white is the presentation of the brand — this block never applies
   unless something explicitly sets data-ab-theme="dark".

   The attribute is deliberately namespaced: the generic [data-theme="dark"] used before was
   matched by any host, shell or wrapper that themes its own chrome that way, which silently
   flipped every agentbooks page to dark. Never rename this back to data-theme. */
[data-ab-theme="dark"]{
  color-scheme:dark;
  --surface-page:#0b0d10;
  --surface-card:#14171c;
  --surface-raised:#1a1e24;
  --surface-sunken:#0f1216;
  --surface-inverse:var(--graphite-0);
  --surface-hover:#1b1f25;
  --surface-selected:#181f3a;
  --surface-accent-subtle:#151c33;
  --surface-agent-subtle:#0d1e20;
  --surface-overlay:rgba(4,6,8,.66);

  --text-primary:#f2f4f7;
  --text-secondary:#a4abb7;
  --text-tertiary:#7f8794;
  --text-disabled:#5a616c;
  --text-inverse:var(--graphite-950);
  --text-accent:#a3b0f5;
  --text-agent:#7cbabe;
  --text-on-accent:#ffffff;
  --text-link:#a3b0f5;
  --text-link-hover:#c4cbf6;

  --border-subtle:#212630;
  --border-default:#2c323c;
  --border-strong:#3d4450;
  --border-inverse:rgba(0,0,0,.2);
  --border-accent:#4b57cc;
  --border-focus:#6d7cdd;

  --interactive-primary:#3b4dcb;
  --interactive-primary-hover:#4b57cc;
  --interactive-primary-active:#6d7cdd;
  --interactive-secondary:#1a1e24;
  --interactive-secondary-hover:#22272f;
  --interactive-secondary-active:#2a3038;
  --interactive-ghost-hover:#22272f;
  --interactive-agent:#23787f;
  --interactive-agent-hover:#4a989e;
  --interactive-destructive:#d8564a;
  --interactive-destructive-hover:#e0685d;
  --interactive-disabled:#2c323c;
  --focus-ring:0 0 0 2px var(--surface-page),0 0 0 4px #6d7cdd;

  --success-50:#0f2419; --success-200:#1f4b36; --success-600:#4fb98a; --success-700:#6fcaa1;
  --warning-50:#241c0c; --warning-200:#4a3a15; --warning-600:#d0a04a; --warning-700:#e0b66e;
  --error-50:#2a1210;   --error-200:#4f221e;   --error-600:#e0685d;   --error-700:#eb8a80;

  --category-business-tint:#171c25;
  --category-technology-tint:#0f1f21;
  --category-ai-tint:#181a2c;
  --category-security-tint:#111d16;
  --category-finance-tint:#221c11;
  --category-personal-tint:#241713;
  --category-consumer-tint:#1e1622;

  --shadow-small:0 1px 2px rgba(0,0,0,.4);
  --shadow-medium:0 2px 8px -2px rgba(0,0,0,.5),0 1px 2px rgba(0,0,0,.3);
  --shadow-large:0 12px 32px -8px rgba(0,0,0,.6),0 2px 6px rgba(0,0,0,.4);
}