/* POSTrend brand tokens · 2026
 * Light theme only.
 * Цвета сэмплированы из брендбука (лист 02 — палитра).
 */

:root {
  --bg:          #F2F2F2;
  --bg-soft:     #E9EAEC;
  --bg-card:     #FFFFFF;
  --bg-elev:     #F8F8F8;

  --ink:         #151A22;
  --ink-2:       #2A2E36;
  --ink-muted:   #6B717E;
  --ink-faint:   #B8BBBF;

  --accent:      #0346FD;
  --accent-2:    #0234D6;
  --accent-soft: #E0E8FF;
  --accent-ink:  #FFFFFF;

  --border:      #D7D8DC;
  --border-soft: #E5E6E9;
  --border-strong:#151A22;

  --success:     #0F7B43;
  --warn:        #B5651D;
  --danger:      #B0241F;

  --shadow-1: 0 1px 2px rgba(21,26,34,0.05), 0 2px 8px rgba(21,26,34,0.04);
  --shadow-2: 0 4px 12px rgba(21,26,34,0.08), 0 12px 32px rgba(21,26,34,0.06);

  --font-display: 'Oxanium', system-ui, sans-serif;
  --font-ui:      'Manrope',  system-ui, sans-serif;
  --font-body:    'Inter',    system-ui, sans-serif;
  --font-mono:    'Geist Mono', ui-monospace, monospace;

  --radius-xs: 4px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  --t-fast: 120ms;
  --t-base: 220ms;
  --t-slow: 420ms;
  --ease:   cubic-bezier(.2,.7,.2,1);

  color-scheme: light;
}

* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, .display {
  font-family: var(--font-display);
  font-weight: 700;
  letter-spacing: -0.01em;
  margin: 0;
}
h4, h5, h6, .ui {
  font-family: var(--font-ui);
  font-weight: 600;
  margin: 0;
}
.mono { font-family: var(--font-mono); }

a { color: var(--accent); text-decoration: none; }
a:hover { color: var(--accent-2); }

::selection { background: var(--accent); color: var(--accent-ink); }