/* LiftMarket Design System — shared between SPA and SSR pages */

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

:root {
  --bg:                     #131313;
  --surface:                #131313;
  --surface-low:            #1c1b1b;
  --surface-container:      #201f1f;
  --surface-high:           #2a2a2a;
  --surface-highest:        #353534;
  --surface-lowest:         #0e0e0e;
  --surface-bright:         #3a3939;
  --primary:                #ffbb84;
  --primary-container:      #fc9430;
  --primary-dim:            #e98520;
  --on-primary:             #4d2600;
  --on-primary-container:   #663400;
  --on-surface:             #e5e2e1;
  --on-surface-var:         #dbc2b0;
  --outline:                #a38c7c;
  --outline-var:            #554336;
  --error:                  #ffb4ab;
  --error-container:        #93000a;
  --tertiary:               #ffba83;

  --font-head: 'Space Grotesk', sans-serif;
  --font-body: 'Inter', sans-serif;

  --radius: 0.125rem;
  --radius-pill: 9999px;

  --transition-fast: 150ms cubic-bezier(0.34, 1.56, 0.64, 1);
  --transition-std:  220ms cubic-bezier(0.34, 1.56, 0.64, 1);
}

html { scroll-behavior: smooth; }

body {
  background: var(--bg);
  color: var(--on-surface);
  font-family: var(--font-body);
  font-size: 14px;
  line-height: 1.6;
  min-height: 100vh;
  overflow-x: hidden;
}

::-webkit-scrollbar { width: 6px; height: 6px; }
::-webkit-scrollbar-track { background: var(--surface-low); }
::-webkit-scrollbar-thumb { background: var(--outline-var); }
::-webkit-scrollbar-thumb:hover { background: var(--outline); }