/* Дизайн-токени B2B-порталу (ТЗ §B2). NovoAbrasive navy + єдиний акцент.
   Логічні властивості (margin-inline, text-align:start) — готовність до RTL. */
:root {
    --brand-primary: #12294d;      /* NovoAbrasive navy — заголовки, активна навігація */
    --brand-accent:  #e2231a;      /* ЄДИНИЙ CTA: «Оформити», «Підтвердити» */
    --brand-accent-ink: #fff;

    --ink-900: #111827; --ink-700: #374151; --ink-600: #4B5563; --ink-400: #9CA3AF;
    --surface: #FFFFFF; --surface-2: #F6F7F9; --surface-3: #EEF1F4; --border: #E5E7EB;

    --success: #16A34A; --warning: #D97706; --danger: #DC2626; --info: #2563EB;

    /* 8pt-grid */
    --s1: 4px; --s2: 8px; --s3: 12px; --s4: 16px; --s6: 24px; --s8: 32px; --s12: 48px;
    --r-card: 12px; --r-ctrl: 10px; --r-badge: 8px;
    --shadow-1: 0 1px 3px rgb(0 0 0 / .06);
    --shadow-2: 0 8px 30px rgb(17 41 77 / .12);

    --font: -apple-system, "SF Pro Text", Inter, "Segoe UI", Roboto, system-ui, sans-serif;
    --fs-28: 28px; --fs-22: 22px; --fs-17: 17px; --fs-15: 15px; --fs-13: 13px;
    --tap: 44px;
    --move: 180ms cubic-bezier(.2, .7, .3, 1);   /* 150-200ms ease-out (ТЗ §B2) */
}

@media (prefers-color-scheme: dark) {
    :root {
        --brand-primary: #dbe4f2;
        --ink-900: #f3f4f6; --ink-700: #d1d5db; --ink-600: #9ca3af; --ink-400: #6b7280;
        --surface: #0f172a; --surface-2: #131c31; --surface-3: #1c2740; --border: #26324a;
    }
}

* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font: var(--fs-15)/1.5 var(--font);
    color: var(--ink-900);
    background: var(--surface-2);
    -webkit-font-smoothing: antialiased;
}
:where(button, input, select) { font: inherit; }
.tnum { font-variant-numeric: tabular-nums; }

@media (prefers-reduced-motion: reduce) {
    * { transition-duration: 1ms !important; animation-duration: 1ms !important; }
}