/* ============================================================
   NJORD DESIGN SYSTEM — tokens.css
   Dark-first, technical, precision-oriented.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Geist:wght@300;400;500;600;700;800&family=Geist+Mono:wght@400;500;600&display=swap');

:root {
  --font-display: 'Geist', system-ui, -apple-system, sans-serif;
  --font-body:    'Geist', system-ui, -apple-system, sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, 'SF Mono', Menlo, monospace;

  --bg-0: #0a0a0f;
  --bg-1: #0e0e15;
  --bg-2: #14141c;
  --bg-3: #1b1b25;

  --border-subtle: #1c1c26;
  --border:        #2a2a38;
  --border-strong: #3a3a4a;

  --fg-1: #e8e8f0;
  --fg-2: #a2a2ba;
  --fg-3: #7a7a99;
  --fg-4: #55556b;

  --accent:        #1a4fff;
  --accent-hover:  #3b6bff;
  --accent-press:  #1140d6;
  --accent-soft:   rgba(26, 79, 255, 0.14);
  --accent-border: rgba(26, 79, 255, 0.38);

  --success: #0d9166;
  --warning: #d4600a;
  --danger:  #e5484d;

  --docsync:      #0d9166;
  --docsync-soft: rgba(13, 145, 102, 0.15);
  --debtagent:      #d4600a;
  --debtagent-soft: rgba(212, 96, 10, 0.15);

  --r-xs: 4px;
  --r-sm: 6px;
  --r-md: 8px;
  --r-lg: 12px;
  --r-xl: 16px;

  --shadow-lg: 0 16px 48px rgba(0,0,0,0.55);
  --glow-accent: 0 0 0 1px var(--accent-border), 0 8px 32px rgba(26,79,255,0.22);

  --ease: cubic-bezier(0.22, 1, 0.36, 1);
  --dur: 180ms;

  --maxw: 1200px;
  --gutter: 24px;
}