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

:root {
  /* Backgrounds */
  --bg-base:      #0d1117;
  --bg-sidebar:   #0b0f16;
  --bg-surface:   #111827;
  --bg-surface-2: #1f2937;

  /* Borders */
  --border:        #374151;
  --border-subtle: #1f2937;

  /* Text */
  --text-primary: #f9fafb;
  --text-body:    #d1d5db;
  --text-muted:   #9ca3af;
  --text-dim:     #6b7280;
  --text-dimmer:  #4b5563;

  /* Brand green */
  --green:       #10b981;
  --green-light: #34d399;
  --green-mint:  #6ee7b7;
  --green-ink:   #052e1c;
  --green-900:   #064e3b;

  /* Accent gold */
  --gold:     #f59e0b;
  --gold-end: #fbbf24;
  --gold-ink: #3a2606;

  /* Signals */
  --signal-long:    #10b981;
  --signal-short:   #ef4444;
  --signal-neutral: #6b7280;

  /* Tints */
  --tint-green: rgba(16,185,129,0.14);
  --tint-red:   rgba(239,68,68,0.13);
  --tint-gold:  rgba(245,158,11,0.11);

  /* Radius */
  --r-card:  12px;
  --r-input: 8px;
  --r-pill:  99px;
  --r-chip:  4px;

  /* Shadows */
  --shadow-modal: 0 0 0 1px rgba(16,185,129,0.10), 0 18px 40px rgba(0,0,0,0.45);
  --shadow-pro:   0 0 0 1px rgba(16,185,129,0.20), 0 12px 40px rgba(16,185,129,0.12);

  /* Layout */
  --sidebar-w:           300px;
  --sidebar-collapsed-w: 60px;
  --tabbar-h:            64px;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

body {
  font-family: 'Inter', system-ui, sans-serif;
  font-size: 14px;
  color: var(--text-body);
  background: var(--bg-base);
  -webkit-font-smoothing: antialiased;
}

.mono { font-family: 'JetBrains Mono', monospace; }