/* ==========================================================================
   tokens.css — Design Tokens for kai.research.my v2
   Palantir-inspired dark theme
   ========================================================================== */

/* Font Imports */
@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@600;700&family=Inter:wght@400;500&family=IBM+Plex+Mono:wght@400;600&display=swap');

:root {
  /* ---- Backgrounds ---- */
  --bg-black: #000000;
  --bg-card: #111111;
  --bg-dark: #0C0C0C;
  --bg-elevated: #1A1A1A;

  /* ---- Text ---- */
  --text-white: #FFFFFF;
  --text-gray: #999999;
  --text-muted: #666666;
  --text-dim: #444444;

  /* ---- Borders ---- */
  --border: #222222;
  --border-light: #333333;

  /* ---- Accents ---- */
  --accent-teal: #1D9E75;
  --accent-blue: #4B7BF5;

  /* ---- Status ---- */
  --color-error: #FF6666;
  --color-success: #22C55E;

  /* ---- Fonts ---- */
  --font-heading: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;

  /* ---- Spacing ---- */
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;

  /* ---- Sidebar ---- */
  --sidebar-width: 260px;

  /* ---- Workspace Panel ---- */
  --workspace-width: 400px;

  /* ---- Transitions ---- */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;

  /* ---- Z-index ---- */
  --z-sidebar: 100;
  --z-modal: 200;
  --z-toast: 300;
}