@import url('assets/css/synapse-framework.css');

body.page-index,
body.page-process,
body.page-training,
body.page-create-semantic,
body.page-report {
  --navy: #F4F7FB;
  --navy-2: #ECF2F8;
  --navy-3: #E1E9F2;
  --navy-4: #D2DDEB;
  --blue: #0066FF;
  --blue-bright: #1A75FF;
  --blue-glow: rgba(0,102,255,.18);
  --accent: #5DA8FF;
  --accent-text: #003ECC;
  --accent-soft: rgba(0,102,255,.10);
  --gold: #B7791F;
  --gold-text: #2B1C03;
  --success: #047857;
  --warning: #B45309;
  --danger: #DC2626;
  --text-1: #0F172A;
  --text-2: #475569;
  --text-3: #94A3B8;
  --border: rgba(15,23,42,.08);
  --border-strong: rgba(15,23,42,.18);
  --border-2: rgba(0,102,255,.22);
  --surface: #FFFFFF;
  --surface-alt: #F1F5F9;
  --card-bg: rgba(255,255,255,.92);
  --card-bg-2: rgba(255,255,255,.98);
  --input-bg: rgba(255,255,255,.95);
  --code-bg: #F1F5F9;
  --code-text: #0F172A;
  --refine-bg: #E0EAFF;
  --refine-text: #003ECC;
  --avatar-bg: #FAE8D1;
  --avatar-text: #7C3E05;
  --shadow-card: 0 18px 40px rgba(15,23,42,.08), inset 0 1px 0 rgba(255,255,255,.85);
  --shadow-glow: 0 0 40px rgba(0,102,255,.10);
  --bg-radial-1: rgba(0,102,255,.08);
  --bg-radial-2: rgba(93,168,255,.05);
  --grid-line: rgba(15,23,42,.04);
  --topbar-bg: rgba(255,255,255,.86);
  --page-surface: #ffffff;
  --page-surface-text: #0F172A;
  --page-pre-bg: #F1F5F9;
  --page-pre-border: #E2E8F0;
  --page-link-secondary: #1E40AF;
  --page-muted: #64748B;
  --page-code: #0F172A;
  --status-ok: #047857;
  --status-bad: #BE123C;
  --sans: 'DM Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --mono: 'DM Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius: 12px;
}