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

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

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

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

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

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

  /* ---- Status ---- */
  --color-success: #22C55E;
  --color-error: #FF6666;
  --color-warning: #F59E0B;
  --color-info: #4B7BF5;

  /* ---- Fonts ---- */
  --font-heading: 'Geist', 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;

  /* ---- Layout ---- */
  --sidebar-width: 240px;

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

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