/* ToolProof — design tokens (Hub)
   Source of truth: handoff `colors_and_type.css`. Only tokens, no components. */
@import url('https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800;900&family=JetBrains+Mono:wght@400;500;600;700&display=swap');

:root {
  /* Chrome / surfaces (saturated navy, 218–222° hue) */
  --tp-base:           #050a1a;
  --tp-surface:        #0a1533;
  --tp-surface-alt:    #0c1a3a;
  --tp-elevated:       #10214a;
  --tp-hover:          #152a5e;
  --tp-border-subtle:  #15285a;
  --tp-border:         #1d3678;
  --tp-border-hot:     #2a4a9c;

  /* Text */
  --tp-text:           #e2e7f2;
  --tp-text-heading:   #f0f3fa;
  --tp-text-mute:      #8e9ab5;
  --tp-text-subtle:    #6b7595;
  --tp-text-faint:     #4d5878;

  /* Semantic accents (do not invent variants) */
  --tp-cyan:     #00c8ff;
  --tp-cyan-dim: rgba(0, 200, 255, 0.10);
  --tp-amber:    #f5a623;
  --tp-amber-dim:rgba(245, 166, 35, 0.12);
  --tp-green:    #2ed573;
  --tp-green-dim:rgba(46, 213, 115, 0.12);
  --tp-red:      #ff6b6b;
  --tp-red-dim:  rgba(255, 107, 107, 0.10);
  --tp-violet:   #a78bfa;
  --tp-violet-dim: rgba(167, 139, 250, 0.12);

  /* Typography */
  --tp-font-sans: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --tp-font-mono: 'JetBrains Mono', ui-monospace, 'Cascadia Mono', Consolas, monospace;

  --tp-track-label: 0.15em;
  --tp-track-caps:  0.08em;
  --tp-track-tight: -0.02em;

  /* Radii */
  --tp-r-xs: 3px;
  --tp-r-sm: 4px;
  --tp-r-md: 6px;
  --tp-r-lg: 8px;
  --tp-r-xl: 12px;

  /* Shadows */
  --tp-shadow-card: 0 12px 36px rgba(0, 0, 0, 0.30);
  --tp-shadow-menu: 0 18px 44px rgba(0, 0, 0, 0.55), 0 2px 6px rgba(0, 0, 0, 0.4);
  --tp-shadow-dialog: 0 40px 100px rgba(0, 0, 0, 0.7);

  /* Chrome dimensions */
  --tp-sidebar-w: 232px;
  --tp-header-h:  56px;
}