/*
 * The design tokens for every Bilder AI surface.
 *
 * A VENDORED COPY of the core's services/frontend/public/shell/tokens.css
 * (bilder-ai), served from this app's own origin on purpose: linking it off
 * ai.iamoffice.lv made a separately hosted app (GRC, 24/09/2026) lose its whole
 * palette the day that host went behind Cloudflare Access. The core stays the
 * source of truth — `pnpm run sync:tokens` refreshes this copy.
 *
 * The dark palette is applied by putting `dark` on <html>.
 */

:root {
  --app-bg: linear-gradient(135deg, #ffe6e6 0%, #f2eef7 48%, #d6f5ff 100%);
  --canvas: #f4f7fa;
  --surface: #ffffff;
  --surface-muted: #eef3f7;
  --surface-raised: #ffffff;
  --surface-hover: rgba(18, 22, 26, 0.05);
  --surface-active: rgba(18, 22, 26, 0.08);

  --fg: #12161a;
  --fg-muted: #545e69;
  --fg-subtle: #8a95a1;

  --border: #e3e9ef;
  --border-strong: #cdd7e0;

  --accent: #0e8fa6;
  --accent-hover: #0c788c;
  --accent-fg: #ffffff;
  --accent-soft: rgba(14, 143, 166, 0.12);

  --danger: #cf4b57;
  --danger-soft: rgba(207, 75, 87, 0.1);
  --danger-fg: #ffffff;

  --ring: #0e8fa6;
  --shadow-color: rgba(18, 22, 26, 0.12);

  /* Syntax highlighting */
  --hl-comment: #8a95a1;
  --hl-keyword: #0c788c;
  --hl-string: #2f7d5a;
  --hl-number: #9a6b2f;
  --hl-function: #3b6ea5;
  --hl-type: #7a5aa3;
  --hl-variable: #c0576a;
  --hl-deleted: #cf4b57;
  --hl-added: #2f7d5a;
}

.dark {
  --app-bg: linear-gradient(135deg, #1b1524 0%, #12161a 50%, #0d1f27 100%);
  --canvas: #14181c;
  --surface: #1b2025;
  --surface-muted: #16191e;
  --surface-raised: #20262c;
  --surface-hover: rgba(238, 242, 246, 0.07);
  --surface-active: rgba(238, 242, 246, 0.11);

  --fg: #eef2f6;
  --fg-muted: #9aa6b2;
  --fg-subtle: #6b7682;

  --border: #2a3138;
  --border-strong: #3a434c;

  --accent: #38c0d8;
  --accent-hover: #55cee2;
  --accent-fg: #06232b;
  --accent-soft: rgba(56, 192, 216, 0.16);

  --danger: #e77683;
  --danger-soft: rgba(231, 118, 131, 0.14);
  --danger-fg: #2a0f13;

  --ring: #38c0d8;
  --shadow-color: rgba(0, 0, 0, 0.45);

  --hl-comment: #6b7682;
  --hl-keyword: #55cee2;
  --hl-string: #8fd0a8;
  --hl-number: #ddb06a;
  --hl-function: #86b3e0;
  --hl-type: #c3a4e3;
  --hl-variable: #e79aa6;
  --hl-deleted: #e77683;
  --hl-added: #8fd0a8;
}