@import url('assets/css/synapse-framework.css?v=9400');

body.page-index,
body.page-process,
body.page-training,
body.page-create-semantic,
body.page-report,
body.page-admin {
  --navy: #F6F8FC;
  --navy-2: #EEF3F9;
  --navy-3: #E4EBF4;
  --navy-4: #D6E0EC;
  --blue: #075FE4;
  --blue-bright: #004FC4;
  --blue-glow: rgba(0,102,255,.18);
  --accent: #4C9AFF;
  --accent-text: #0647B5;
  --accent-soft: rgba(0,102,255,.10);
  --gold: #B7791F;
  --gold-text: #2B1C03;
  --success: #047857;
  --warning: #B45309;
  --danger: #DC2626;
  --text-1: #101828;
  --text-2: #475467;
  --text-3: #64748B;
  --border: rgba(16,24,40,.10);
  --border-strong: rgba(16,24,40,.20);
  --border-2: rgba(0,102,255,.22);
  --surface: #FFFFFF;
  --surface-alt: #F1F5F9;
  --card-bg: rgba(255,255,255,.96);
  --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 1px 2px rgba(16,24,40,.04), 0 16px 42px rgba(16,24,40,.075), inset 0 1px 0 rgba(255,255,255,.9);
  --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: Aptos, 'Segoe UI Variable', 'Segoe UI', Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --mono: 'Cascadia Mono', 'SFMono-Regular', Consolas, 'Liberation Mono', monospace;
  --font-display: Aptos, 'Segoe UI Variable Display', 'Segoe UI', Inter, -apple-system, BlinkMacSystemFont, sans-serif;
  --bg: var(--navy);
  --text: var(--text-1);
  --muted: var(--text-2);
  --card: var(--surface);
  --color-scheme: light;
  --radius-sm: 9px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-xl: 20px;
  --radius: 16px;
  --control-height: 46px;
  --focus-ring: rgba(7,95,228,.24);
  --shadow-sm: 0 1px 2px rgba(16,24,40,.05), 0 8px 22px rgba(16,24,40,.05);
  --shadow-md: 0 2px 5px rgba(16,24,40,.05), 0 18px 46px rgba(16,24,40,.09);
  --shadow-lg: 0 4px 12px rgba(16,24,40,.07), 0 30px 80px rgba(16,24,40,.14);
}