/* =====================================================
   Tempo Design Tokens
   Bloomberg Terminal meets Notion — professional, dense
   ===================================================== */

@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* ── Surfaces ── */
  --t-sidebar-bg: #16191F;
  --t-sidebar-dark: #0F1117;
  --t-content-bg: #FAFAF8;
  --t-surface: #FFFFFF;
  --t-surface-hover: #F3F3F0;
  --t-surface-active: #EEEEE9;

  /* ── Accent ── */
  --t-accent: #2563EB;
  --t-accent-hover: #1D4ED8;
  --t-accent-light: #DBEAFE;
  --t-accent-rgb: 37, 99, 235;

  /* ── Semantic ── */
  --t-success: #16A34A;
  --t-success-bg: #DCFCE7;
  --t-warning: #CA8A04;
  --t-warning-bg: #FEF9C3;
  --t-danger: #DC2626;
  --t-danger-bg: #FEE2E2;
  --t-retainer: #7C3AED;
  --t-retainer-bg: #EDE9FE;

  /* ── Text ── */
  --t-text: #111827;
  --t-text-secondary: #374151;
  --t-text-muted: #6B7280;
  --t-text-light: #9CA3AF;

  /* ── Borders ── */
  --t-border: #E5E7EB;
  --t-border-strong: #D1D5DB;
  --t-border-subtle: #F3F4F6;

  /* ── Sidebar text ── */
  --t-sidebar-text: #9CA3AF;
  --t-sidebar-text-hover: #E5E7EB;
  --t-sidebar-text-active: #FFFFFF;
  --t-sidebar-divider: rgba(255,255,255,0.06);

  /* ── Typography ── */
  --t-font-ui: 'DM Sans', system-ui, -apple-system, sans-serif;
  --t-font-mono: 'JetBrains Mono', 'Fira Code', ui-monospace, monospace;

  /* ── Sizing ── */
  --t-sidebar-w: 260px;
  --t-topbar-h: 56px;
  --t-radius: 8px;
  --t-radius-sm: 6px;
  --t-radius-lg: 12px;

  /* ── Shadows ── */
  --t-shadow-xs: 0 1px 2px rgba(0,0,0,0.04);
  --t-shadow-sm: 0 1px 3px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.04);
  --t-shadow-md: 0 4px 6px -1px rgba(0,0,0,0.06), 0 2px 4px -2px rgba(0,0,0,0.04);

  /* ── Transitions ── */
  --t-ease: cubic-bezier(0.4, 0, 0.2, 1);
  --t-duration: 150ms;
}