/* Generated from @widgentic/designer's CHROME_DEFAULTS — do not edit. */
:root {
  --host-bg: #f6fafc;
  --host-panel: #ffffff;
  --host-border: #6e95a6;
  --host-line: #e4ecf2;
  --host-text: #0b1b26;
  --host-muted: #56707f;
  --host-accent: #1e6f92;
  --host-accent-bg: #e3f1f7;
  --host-accent-line: #4b91ae;
  --host-danger: #b42318;
  --host-danger-bg: #fdf2f2;
  --host-danger-line: #c97572;
  --host-hover: #eef5f9;
  --host-hl-key: #1e6f92;
  --host-hl-str: #2e7d5b;
  --host-hl-num: #96620f;
  --host-hl-bool: #7a4fbf;
  --host-hl-punct: #56707f;
  --host-font: system-ui, sans-serif;
  --host-font-mono: ui-monospace, monospace;
  --host-font-size: 13px;
  --host-font-size-sm: 12px;
  --host-font-size-xs: 11px;
  --host-radius-sm: 4px;
  --host-radius: 6px;
  --host-radius-lg: 8px;
  --host-gap: 16px;
  --host-shadow: 0 8px 24px -12px rgba(11, 27, 38, 0.35);
}
@media (prefers-color-scheme: dark) {
  :root {
    --host-bg: #0b141b;
    --host-panel: #10202a;
    --host-border: #437082;
    --host-line: #1b2f3d;
    --host-text: #e6f0f5;
    --host-muted: #93a9b6;
    --host-accent: #8acbe6;
    --host-accent-bg: #14303d;
    --host-accent-line: #3e7e98;
    --host-danger: #f0a3a3;
    --host-danger-bg: #2a1a1c;
    --host-danger-line: #a3524f;
    --host-hover: #152a36;
    --host-hl-key: #8acbe6;
    --host-hl-str: #6cc79a;
    --host-hl-num: #e0b25a;
    --host-hl-bool: #bb9af7;
    --host-hl-punct: #93a9b6;
    --host-font: system-ui, sans-serif;
    --host-font-mono: ui-monospace, monospace;
    --host-font-size: 13px;
    --host-font-size-sm: 12px;
    --host-font-size-xs: 11px;
    --host-radius-sm: 4px;
    --host-radius: 6px;
    --host-radius-lg: 8px;
    --host-gap: 16px;
    --host-shadow: 0 8px 24px -12px rgba(0, 0, 0, 0.7);
  }
}