/* Generated by scripts/website/build.js from public/themes/nawa-dark.json and public/styles.css. */
:root {
  --color-scheme: dark;
  --bg: #030816;
  --panel: rgba(10, 16, 34, 0.92);
  --panel-strong: #081024;
  --panel-soft: rgba(14, 23, 48, 0.7);
  --chat-surface: rgba(9, 15, 32, 0.96);
  --composer-input-surface: rgba(9, 15, 32, 0.96);
  --border: rgba(82, 243, 255, 0.16);
  --text: #eff6ff;
  --muted: #8fa7cf;
  --accent: #ffbf75;
  --accent-strong: #ff66d4;
  --control-accent: #7fd9ff;
  --assistant: rgba(12, 22, 52, 0.96);
  --user: rgba(22, 54, 94, 0.96);
  --user-text: #eef4fb;
  --button-solid: rgba(31, 45, 99, 0.96);
  --button-solid-hover: rgba(45, 70, 137, 0.98);
  --button-soft: rgba(82, 243, 255, 0.08);
  --button-soft-hover: rgba(154, 124, 255, 0.18);
  --button-border: rgba(82, 243, 255, 0.24);
  --button-text: #eef6ff;
  --button-solid-text: #eef6ff;
  --artifact-surface: rgba(8, 17, 31, 0.94);
  --artifact-border: rgba(159, 199, 255, 0.14);
  --code-surface: rgba(8, 17, 31, 0.94);
  --code-header-surface: rgba(12, 22, 52, 0.72);
  --code-border: rgba(159, 199, 255, 0.14);
  --code-text: #e8f1fb;
  --code-inline-bg: rgba(255, 255, 255, 0.08);
  --code-inline-text: #eff6ff;
  --code-scrollbar-thumb: rgba(159, 199, 255, 0.34);
  --quote-surface: rgba(255, 255, 255, 0.03);
  --quote-border: rgba(159, 199, 255, 0.38);
  --quote-text: #d7e5f5;
  --status-error-text: #f4c06b;
  --activity-title-text: #9fc7ff;
  --activity-detail-text: #edf2f7;
  --activity-muted-text: rgba(159, 199, 255, 0.7);
  --activity-chip-bg: rgba(159, 199, 255, 0.08);
  --activity-chip-border: rgba(159, 199, 255, 0.18);
  --activity-chip-text: rgba(159, 199, 255, 0.85);
  --activity-line: rgba(159, 199, 255, 0.14);
  --activity-dot: rgba(159, 199, 255, 0.22);
  --activity-dot-active: rgba(159, 199, 255, 0.8);
  --activity-dot-complete: rgba(159, 199, 255, 0.55);
  --tooltip-surface: rgba(9, 18, 32, 0.96);
  --tooltip-border: rgba(82, 243, 255, 0.24);
  --tooltip-text: #eef6ff;
  --shadow: 0 30px 90px rgba(0, 0, 0, 0.5);
  --neon-cyan: #52f3ff;
  --neon-blue: #7fd9ff;
  --neon-violet: #9a7cff;
  --neon-pink: #ff66d4;
  --neon-mint: #67ffc8;
  --radius: 24px;
  --font: "InterVariable", "IBM Plex Sans Arabic", "Segoe UI", "Helvetica Neue", sans-serif;
  --font-arabic: "IBM Plex Sans Arabic", "InterVariable", "Segoe UI", "Helvetica Neue", sans-serif;
  --app-bg-layers: radial-gradient(circle at 10% 10%, rgba(82, 243, 255, 0.12), transparent 18%), radial-gradient(circle at 84% 12%, rgba(154, 124, 255, 0.15), transparent 22%), radial-gradient(circle at 70% 78%, rgba(255, 102, 212, 0.08), transparent 18%), linear-gradient(180deg, rgba(4, 10, 24, 0.98), rgba(2, 6, 16, 1));
  --sidebar-bg: rgba(8, 12, 18, 0.82);
  --surface-subtle: rgba(255, 255, 255, 0.03);
  --surface-field: rgba(255, 255, 255, 0.025);
  --surface-hover: rgba(159, 199, 255, 0.08);
  --surface-selected: rgba(159, 199, 255, 0.14);
  --surface-pinned: rgba(22, 38, 82, 0.34);
  --surface-dragover: rgba(29, 42, 58, 0.98);
  --menu-surface: rgba(9, 18, 32, 0.96);
  --modal-surface: rgba(10, 18, 29, 0.94);
  --overlay-surface: rgba(3, 7, 18, 0.72);
  --drawer-surface: rgba(10, 18, 29, 0.94);
  --drawer-border: rgba(159, 199, 255, 0.12);
  --drawer-backdrop: rgba(3, 7, 18, 0.72);
  --text-strong: #f4f7fb;
  --text-soft: #cfd9e7;
  --divider: rgba(159, 199, 255, 0.12);
  --divider-strong: rgba(159, 199, 255, 0.24);
  --scrollbar-track: rgba(255, 255, 255, 0.04);
  --scrollbar-thumb: rgba(159, 199, 255, 0.32);
  --settings-source-bg: linear-gradient(180deg, rgba(17, 28, 61, 0.88), rgba(10, 17, 38, 0.94));
  --icon-accent: var(--control-accent);
  --icon-chroma: 1;
  --icon-lightness: 1;
}