/* GENERATED by tools/build.mjs from tokens/tokens.json. Do not edit. */
:root {
  --bg: #F8FAFC;
  --surface: #FFFFFF;
  --surface-2: #F1F5F9;
  --surface-3: #E2E8F0;
  --border: #E2E8F0;
  --border-strong: #CBD5E1;
  --text: #0F172A;
  --text-2: #475569;
  --text-3: #5F6E84;
  --text-invert: #F8FAFC;
  --accent: #4F46E5;
  --accent-hover: #4338CA;
  --accent-active: #3730A3;
  --accent-soft: #E0E7FF;
  --accent-on: #FFFFFF;
  --accent-text: #4F46E5;
  --success: #10B981;
  --warning: #F59E0B;
  --danger: #EF4444;
  --danger-hover: #DC2626;
  --info: #3B82F6;
  --danger-fill: #DC2626;
  --danger-fill-hover: #B91C1C;
  --danger-on: #FFFFFF;
  --success-fill: #047857;
  --success-fill-hover: #065F46;
  --success-on: #FFFFFF;
  --success-soft: #D1FAE5;
  --warning-soft: #FEF3C7;
  --danger-soft: #FEE2E2;
  --info-soft: #DBEAFE;
  --success-text: #047857;
  --warning-text: #B45309;
  --danger-text: #B91C1C;
  --info-text: #1D4ED8;
  --stock-in: #10B981;
  --stock-low: #F59E0B;
  --stock-out: #EF4444;
  --doc-draft: #64748B;
  --doc-posted: #10B981;
  --doc-canceled: #EF4444;
  --pay-cash: #10B981;
  --pay-card: #3B82F6;
  --pay-qr: #8B5CF6;
  --pay-cert: #EC4899;
  --pay-bonus: #F59E0B;
  --pay-insurance: #06B6D4;
  --sync-online: #10B981;
  --sync-offline: #EF4444;
  --sync-syncing: #3B82F6;
  --sync-queued: #F59E0B;
  --font-ui: Inter, "Noto Sans Armenian", ui-sans-serif, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;
  --radius-s: 6px;
  --radius-m: 8px;
  --radius-l: 12px;
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-7: 32px;
  --sp-8: 40px;
  --sp-9: 48px;
  --sp-10: 64px;
  --sp-11: 96px;
  --dur-fast: 80ms;
  --dur-base: 160ms;
  --dur-slow: 240ms;
  --dur-reveal: 700ms;
  --fs-display: 44px;
  --fs-display-l: 56px;
  --ease: cubic-bezier(0.2,0,0,1);
  --ease-entrance: cubic-bezier(0.16,1,0.3,1);
  --ease-in-out: cubic-bezier(0.65,0,0.35,1);
  --tap-touch: 44px;
  --tap-desktop: 32px;
  --shadow-1: 0 1px 2px rgba(15,23,42,.06), 0 1px 3px rgba(15,23,42,.08);
  --shadow-2: 0 4px 12px rgba(15,23,42,.10), 0 2px 4px rgba(15,23,42,.06);
  --shadow-3: 0 12px 32px rgba(15,23,42,.18);
  color-scheme: light;
}
:root[data-theme="dark"] {
  --bg: #0B1120;
  --surface: #0F172A;
  --surface-2: #1E293B;
  --surface-3: #293548;
  --border: #293548;
  --border-strong: #3B4A63;
  --text: #E2E8F0;
  --text-2: #94A3B8;
  --text-3: #8291A7;
  --text-invert: #0F172A;
  --accent: #818CF8;
  --accent-hover: #A5B4FC;
  --accent-active: #C7D2FE;
  --accent-soft: rgba(129,140,248,0.18);
  --accent-on: #1E1B4B;
  --accent-text: #A5B4FC;
  --success-soft: rgba(16,185,129,0.16);
  --warning-soft: rgba(245,158,11,0.16);
  --danger-soft: rgba(239,68,68,0.16);
  --info-soft: rgba(59,130,246,0.16);
  --success-text: #6EE7B7;
  --warning-text: #FCD34D;
  --danger-text: #FCA5A5;
  --info-text: #93C5FD;
  --doc-draft: #94A3B8;
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 4px 12px rgba(0,0,0,.45);
  --shadow-3: 0 12px 32px rgba(0,0,0,.55);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: #0B1120;
    --surface: #0F172A;
    --surface-2: #1E293B;
    --surface-3: #293548;
    --border: #293548;
    --border-strong: #3B4A63;
    --text: #E2E8F0;
    --text-2: #94A3B8;
    --text-3: #8291A7;
    --text-invert: #0F172A;
    --accent: #818CF8;
    --accent-hover: #A5B4FC;
    --accent-active: #C7D2FE;
    --accent-soft: rgba(129,140,248,0.18);
    --accent-on: #1E1B4B;
    --accent-text: #A5B4FC;
    --success-soft: rgba(16,185,129,0.16);
    --warning-soft: rgba(245,158,11,0.16);
    --danger-soft: rgba(239,68,68,0.16);
    --info-soft: rgba(59,130,246,0.16);
    --success-text: #6EE7B7;
    --warning-text: #FCD34D;
    --danger-text: #FCA5A5;
    --info-text: #93C5FD;
    --doc-draft: #94A3B8;
    --shadow-1: 0 1px 2px rgba(0,0,0,.4);
    --shadow-2: 0 4px 12px rgba(0,0,0,.45);
    --shadow-3: 0 12px 32px rgba(0,0,0,.55);
    color-scheme: dark;
  }
}