/* SynapFuse Design Tokens — Dark Matter Theme */

:root {
  /* Surface */
  --sf-bg: #0A0A0C;
  --sf-bg-raised: #111114;
  --sf-bg-input: #0E0E11;
  --sf-border: #1A1A1F;
  --sf-border-focus: #2A2A30;

  /* Text */
  --sf-text: #E8E8EC;
  --sf-text-muted: #B0B0B8;
  --sf-text-dim: #8A8A94;

  /* Accent — semantic colors */
  --sf-alignment: #4FE3C1;
  --sf-neutral: #8E8E8E;
  --sf-dissonance: #FF9F43;
  --sf-risk: #FF6B6B;
  --sf-trajectory: #6A8CFF;

  /* Fonts */
  --sf-font-primary: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sf-font-data: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;

  /* Spacing scale */
  --sf-space-xs: 4px;
  --sf-space-sm: 8px;
  --sf-space-md: 16px;
  --sf-space-lg: 24px;
  --sf-space-xl: 40px;
  --sf-space-2xl: 64px;
  --sf-space-3xl: 96px;

  /* Type scale */
  --sf-text-xs: 11px;
  --sf-text-sm: 13px;
  --sf-text-md: 15px;
  --sf-text-lg: 18px;
  --sf-text-xl: 24px;
  --sf-text-2xl: 32px;

  /* Radius */
  --sf-radius-sm: 6px;
  --sf-radius-md: 10px;
  --sf-radius-lg: 16px;

  /* Motion */
  --sf-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --sf-ease-out: cubic-bezier(0.0, 0, 0.2, 1);
  --sf-duration: 250ms;
  --sf-duration-slow: 400ms;

  /* Glassmorphism */
  --sf-glass-bg: rgba(255, 255, 255, 0.03);
  --sf-glass-border: rgba(255, 255, 255, 0.06);
  --sf-glass-blur: blur(18px);
  --sf-glass-refraction: 1.5px;

  /* Node colors */
  --sf-node-decision: #F5A524;
  --sf-node-belief: #00C2FF;
  --sf-node-pattern: #9B5CFF;
  --sf-node-target: #2D9CFF;
  --sf-node-ce: #8E8E93;
  --sf-node-outcome: #FF6B6B;
  --sf-node-trajectory: #22E3A4;

  /* Soft variants */
  --sf-alignment-soft: rgba(79, 227, 193, 0.18);
  --sf-dissonance-soft: rgba(255, 159, 67, 0.18);

  /* Glow effects */
  --sf-glow-alignment: 0 0 20px rgba(79, 227, 193, 0.3);
  --sf-glow-dissonance: 0 0 20px rgba(255, 159, 67, 0.3);
  --sf-glow-risk: 0 0 20px rgba(255, 107, 107, 0.3);

  /* Font alias */
  --sf-font-mono: 'JetBrains Mono', 'Fira Code', 'Cascadia Code', monospace;
}