/* Arctic Lion CRM — generated from tokens.json */
:root, [data-theme="light"] {
  --page: #eef1f5;
  --card: #ffffff;
  --card-sunken: #f4f6f9;
  --card-raised: #ffffff;
  --fill: #eef1f5;
  --fill-hover: #e4e9ee;
  --fill-active: #d8dfe6;
  --ink-0: #0f1620;
  --ink-1: #27313d;
  --ink-2: #46535f;
  --ink-3: #5d6b78;
  --ink-4: #66727f;
  --ink-faint: #99a3ad;
  --line: #0f162014;
  --line-strong: #0f162026;
  --hairline: #0f16200f;
  --brand: #6f4838;
  --accent: #e8a24a;
  --accent-hot: #f3bb6f;
  --accent-strong: #a85c17;
  --accent-deep: #7f4410;
  --accent-ink: #2a1708;
  --accent-soft: #a85c1712;
  --accent-soft-hi: #a85c171f;
  --accent-line: #a85c1738;
  --accent-ring: #a85c1729;
  --on-accent: #ffffff;
  --plate: #2a1a10;
  --plate-deep: #1b0f08;
  --plate-ink-0: #f7f0e4;
  --plate-ink-1: #dccfc2;
  --plate-ink-2: #a89888;
  --plate-line: #f0dfcc24;
  --plate-fill: #ffffff0f;
  --plate-fill-hover: #ffffff1c;
  --ok-ink: #1f7a4d;
  --ok-soft: #1f7a4d14;
  --warn-ink: #8a5410;
  --warn-soft: #9a642017;
  --danger: #b43a3a;
  --danger-ink: #952e2e;
  --danger-soft: #b43a3a12;
  --danger-line: #b43a3a3d;
  --on-danger: #ffffff;
  --info-ink: #2b5f94;
  --info-soft: #2b5f9414;
  --status-check-ink: #0f7580;
  --status-check-soft: #0f758014;
  --status-new-ink: #2458b0;
  --status-new-soft: #2458b014;
  --status-work-ink: #8a5410;
  --status-work-soft: #9a642017;
  --status-made-ink: #1f7a4d;
  --status-made-soft: #1f7a4d14;
  --status-approval-ink: #5c7612;
  --status-approval-soft: #5c761214;
  --status-ship-ink: #6b3fa0;
  --status-ship-soft: #6b3fa014;
  --status-surcharge-ink: #b0307a;
  --status-surcharge-soft: #b0307a14;
  --status-done-ink: #5d6b78;
  --status-done-soft: #5d6b7814;
  --status-deleted-ink: #952e2e;
  --status-deleted-soft: #b43a3a12;
  --cat-1: #d9872f;
  --cat-2: #3b86c9;
  --cat-3: #1f9a88;
  --cat-4: #c9574f;
  --cat-5: #7466c9;
  --cat-6: #a4499f;
  --cat-7: #9aa3ad;
  --knob: #ffffff;
  --scrim: #0f162057;
  --shadow-tile: 0 1px 2px #0f16200a;
  --shadow-card: 0 1px 2px #0f16200a, 0 6px 16px -10px #0f162024;
  --shadow-raise: 0 1px 2px #0f16200d, 0 12px 28px -14px #0f162038;
  --shadow-pop: 0 2px 4px #0f16200f, 0 24px 56px -22px #0f162057;
  --shadow-plate: 0 2px 4px #2a1a101a, 0 30px 60px -28px #2a1a1073;
}
[data-theme="dark"] {
  --page: #0d1117;
  --card: #171c23;
  --card-sunken: #12161c;
  --card-raised: #1f262e;
  --fill: #202730;
  --fill-hover: #283039;
  --fill-active: #313a44;
  --ink-0: #f3f6f9;
  --ink-1: #dfe5ec;
  --ink-2: #b6c0ca;
  --ink-3: #94a0ac;
  --ink-4: #86919c;
  --ink-faint: #5b6672;
  --line: #e8eef51a;
  --line-strong: #e8eef533;
  --hairline: #e8eef512;
  --brand: #6f4838;
  --accent: #e8a24a;
  --accent-hot: #f3bb6f;
  --accent-strong: #efb061;
  --accent-deep: #f6c78b;
  --accent-ink: #2a1708;
  --accent-soft: #efb0611f;
  --accent-soft-hi: #efb0612e;
  --accent-line: #efb06152;
  --accent-ring: #efb0613d;
  --on-accent: #2a1708;
  --plate: #160c06;
  --plate-deep: #0b0503;
  --plate-ink-0: #f7f0e4;
  --plate-ink-1: #dccfc2;
  --plate-ink-2: #a89888;
  --plate-line: #f0dfcc29;
  --plate-fill: #ffffff12;
  --plate-fill-hover: #ffffff1f;
  --ok-ink: #4fcf95;
  --ok-soft: #4fcf9524;
  --warn-ink: #e4a85c;
  --warn-soft: #e4a85c24;
  --danger: #ef7676;
  --danger-ink: #f08a8a;
  --danger-soft: #ef767624;
  --danger-line: #ef76764d;
  --on-danger: #1a0c0c;
  --info-ink: #7fb0e8;
  --info-soft: #7fb0e824;
  --status-check-ink: #5fd0df;
  --status-check-soft: #5fd0df24;
  --status-new-ink: #8ab4f0;
  --status-new-soft: #8ab4f024;
  --status-work-ink: #e4a85c;
  --status-work-soft: #e4a85c24;
  --status-made-ink: #4fcf95;
  --status-made-soft: #4fcf9524;
  --status-approval-ink: #bcd45a;
  --status-approval-soft: #bcd45a24;
  --status-ship-ink: #bfa2ea;
  --status-ship-soft: #bfa2ea24;
  --status-surcharge-ink: #f08ac4;
  --status-surcharge-soft: #f08ac424;
  --status-done-ink: #94a0ac;
  --status-done-soft: #94a0ac24;
  --status-deleted-ink: #f08a8a;
  --status-deleted-soft: #ef767624;
  --cat-1: #d9872f;
  --cat-2: #3b86c9;
  --cat-3: #1f9a88;
  --cat-4: #c9574f;
  --cat-5: #7466c9;
  --cat-6: #a4499f;
  --cat-7: #9aa3ad;
  --knob: #f3f6f9;
  --scrim: #03060aa8;
  --shadow-tile: inset 0 0 0 1px #e8eef50d;
  --shadow-card: inset 0 0 0 1px #e8eef50f, 0 2px 8px -4px #00000099;
  --shadow-raise: inset 0 0 0 1px #e8eef517, 0 14px 32px -18px #000000cc;
  --shadow-pop: inset 0 0 0 1px #e8eef51a, 0 26px 60px -26px #000000eb;
  --shadow-plate: inset 0 0 0 1px #f0dfcc14, 0 30px 60px -30px #000000e6;
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-7: 32px;
  --space-8: 40px;
  --space-9: 56px;
  --space-10: 80px;
  --radius-xs: 8px;
  --radius-sm: 12px;
  --radius-md: 16px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --font-sans: "Golos Text", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", Arial, system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;
}
.hero-value { font-family: var(--font-sans); font-size: 48px; line-height: 1.02; font-weight: 700; letter-spacing: -0.03em; }
.page-title { font-family: var(--font-sans); font-size: 28px; line-height: 1.2; font-weight: 700; letter-spacing: -0.02em; }
.stat-value { font-family: var(--font-sans); font-size: 30px; line-height: 1.1; font-weight: 700; letter-spacing: -0.025em; }
.card-title { font-family: var(--font-sans); font-size: 19px; line-height: 1.25; font-weight: 600; letter-spacing: -0.015em; }
.group-title { font-family: var(--font-sans); font-size: 17px; line-height: 1.3; font-weight: 600; letter-spacing: -0.015em; }
.order-number { font-family: var(--font-sans); font-size: 17px; line-height: 1.2; font-weight: 700; letter-spacing: -0.01em; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 1.5; font-weight: 400; letter-spacing: 0; }
.body-sm { font-family: var(--font-sans); font-size: 13.5px; line-height: 1.45; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 13.5px; line-height: 1.3; font-weight: 500; }
.button { font-family: var(--font-sans); font-size: 14.5px; line-height: 1; font-weight: 500; letter-spacing: -0.005em; }
.caption { font-family: var(--font-sans); font-size: 12.5px; line-height: 1.35; font-weight: 400; }
.mono { font-family: var(--font-mono); font-size: 12.5px; line-height: 1.4; font-weight: 400; }