/* css/variables.css — design tokens */
:root {
  --sidebar-w:   240px;
  --topbar-h:    52px;

  /* Light / form side */
  --bg-page:     #f0f2f5;
  --bg-card:     #ffffff;
  --border:      #e2e8f0;
  --text:        #111827;
  --text2:       #6b7280;
  --text3:       #9ca3af;
  --accent:      #2563eb;
  --accent-h:    #1d4ed8;
  --accent-dim:  #eff6ff;

  /* Dark / YAML side */
  --dark-bg:     #0d1117;
  --dark-bg2:    #161b22;
  --dark-border: #21262d;
  --dark-text:   #e6edf3;
  --dark-text2:  #8b949e;

  /* Sidebar */
  --sb-bg:        #0d1117;
  --sb-border:    rgba(255,255,255,0.06);
  --sb-text:      #8b949e;
  --sb-text-h:    #e6edf3;
  --sb-active-bg: rgba(37,99,235,0.18);
  --sb-active:    #93c5fd;
  --sb-label:     #484f58;

  /* Typography */
  --sans: 'Inter', system-ui, -apple-system, sans-serif;
  --mono: 'JetBrains Mono','Fira Code','Cascadia Code', monospace;

  --radius:    8px;
  --radius-lg: 12px;
}