:root {
  /* Fonts */
  --font-sans: 'Inter', system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', 'Courier New', Courier, monospace;

  /* Global Spaces */
  --spacing-xs: 0.25rem;
  --spacing-sm: 0.5rem;
  --spacing-md: 1rem;
  --spacing-lg: 1.5rem;
  --spacing-xl: 2rem;

  /* Border Radii */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1.25rem;
  --radius-xl: 2rem;
  --radius-full: 9999px;

  /* Global Shadows */
  --shadow-sm: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);

  /* Transitions */
  --transition-fast: 0.15s ease;
  --transition-normal: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-slow: 0.4s cubic-bezier(0.4, 0, 0.2, 1);

  /* --- LIGHT NEUMORPHIC VARIABLES (ONLY SYSTEM THEME) --- */
  --bg-app: #e0e5ec;
  --bg-sidebar: #e0e5ec;
  --bg-card: #e0e5ec;
  --bg-input: #e0e5ec;
  --border-color: transparent;
  --border-focus: transparent;
  --text-main: #1a202c; /* High contrast dark charcoal */
  --text-muted: #4a5568; /* High contrast slate gray */
  --text-inverse: #ffffff;

  /* Neumorphic Shadows */
  --glass-shadow: 8px 8px 16px #a3b1c6, -8px -8px 16px #ffffff;
  --inset-shadow: inset 5px 5px 10px #a3b1c6, inset -5px -5px 10px #ffffff;
  --btn-shadow: 5px 5px 10px #a3b1c6, -5px -5px 10px #ffffff;
  --btn-shadow-inset: inset 3px 3px 6px #a3b1c6, inset -3px -3px 6px #ffffff;

  /* Accents */
  --brand-primary: #4f46e5;
  --brand-primary-hover: #4338ca;
  --brand-primary-light: rgba(79, 70, 229, 0.08);
  --brand-success: #059669;
  --brand-success-hover: #047857;
  --brand-danger: #dc2626;
  --brand-danger-hover: #b91c1c;
  --brand-warning: #d97706;

  /* JSON Syntax Coloring (High Contrast Light Mode) */
  --syn-key: #b91c1c;
  --syn-string: #047857;
  --syn-number: #b45309;
  --syn-boolean: #1d4ed8;
  --syn-null: #4b5563;

  /* Editor Lines / Selection (Light) */
  --editor-line-number: #718096; /* High contrast line numbers */
  --editor-line-active: #d4dae5; /* Distinct active line background */
  --editor-gutter-bg: #e0e5ec;
  --editor-selection: rgba(79, 70, 229, 0.15);

  /* Diff colors (Light) */
  --diff-add-bg: rgba(5, 150, 105, 0.08);
  --diff-add-border: #10b981;
  --diff-remove-bg: rgba(220, 38, 38, 0.08);
  --diff-remove-border: #ef4444;
  --diff-mod-bg: rgba(217, 119, 6, 0.08);
  --diff-mod-border: #f59e0b;
}
