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

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

:root {
  --ff: 'Geist', system-ui, sans-serif;
  --fm: 'Geist Mono', monospace;

  --bg:       #0d0d0d;
  --surface:  #161616;
  --surface2: #1f1f1f;
  --border:   rgba(255,255,255,0.08);
  --border2:  rgba(255,255,255,0.14);
  --text:     #f2f0eb;
  --muted:    #787470;
  --dim:      #3d3b38;

  --accent:   #e8820c;
  --accent-d: #c46a06;
  --accent-s: rgba(232,130,12,0.12);

  --sell:   #f59e0b;
  --buy:    #3b82f6;
  --lend:   #22c55e;
  --borrow: #a855f7;
  --red:    #ef4444;
  --green:  #22c55e;

  --nav-h:  60px;
  --head-h: 52px;
  --safe-b: env(safe-area-inset-bottom, 0px);
  --safe-t: env(safe-area-inset-top, 0px);
  --r-s: 6px; --r-m: 10px; --r-l: 14px; --r-xl: 20px; --r-p: 999px;
}

[data-theme="light"] {
  --bg:       #fafaf8;
  --surface:  #f2f0eb;
  --surface2: #e8e5de;
  --border:   rgba(0,0,0,0.09);
  --border2:  rgba(0,0,0,0.16);
  --text:     #171614;
  --muted:    #6b6860;
  --dim:      #b8b5ae;
  --accent:   #d4710a;
  --accent-d: #b55e07;
  --accent-s: rgba(212,113,10,0.10);
  --sell: #d97706; --buy: #2563eb; --lend: #16a34a; --borrow: #9333ea;
  --red: #dc2626; --green: #16a34a;
}

html { font-size: 16px; -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
body {
  font-family: var(--ff); background: var(--bg); color: var(--text);
  min-height: 100dvh; overflow-x: hidden; line-height: 1.5;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4 { line-height: 1.2; font-weight: 600; }
a { color: inherit; text-decoration: none; }
button { font-family: var(--ff); cursor: pointer; border: none; background: none; }
input, textarea, select { font-family: var(--ff); font-size: 1rem; color: var(--text); }
img { max-width: 100%; display: block; }