/* Inventar — generated from tokens.json (design system https://claude.ai/artifact/AZ6cByTVGZHp2UG5BrXyB2). Do not edit; regenerate. */
:root, [data-theme="light"] {
  --surface: #edf2f9;
  --surface-raised: #ffffff;
  --surface-muted: #f6f9fc;
  --line: #dbe2e7;
  --line-brand: #023e8a;
  --ink: #03045e;
  --ink-body: #1d2429;
  --ink-muted: #616161;
  --ink-placeholder: #57636c;
  --icon-muted: #757575;
  --brand: #023e8a;
  --brand-bright: #0077b6;
  --brand-soft: #dbe7f7;
  --brand-ink: #023e8a;
  --on-brand: #ffffff;
  --accent: #006d9e;
  --accent-bright: #0096c7;
  --accent-soft: #d9f1fa;
  --danger: #e21c3d;
  --danger-soft: #ffe8e8;
  --danger-ink: #c2183a;
  --success: #07853f;
  --success-soft: #e6f6ed;
  --success-ink: #0a6b36;
  --focus: var(--brand-bright);
  --focus-halo: #0077b62e;
  --link: var(--accent);
  --shadow-button: 0 2px 4px rgba(3,4,94,0.18);
  --shadow-nav: 0 -2px 10px rgba(3,4,94,0.08);
  --shadow-card: 0 1px 2px rgba(3,4,94,0.06);
}
[data-theme="dark"] {
  --surface: #0b1230;
  --surface-raised: #141c3d;
  --surface-muted: #10183a;
  --line: #2a3560;
  --line-brand: #7fa6ef;
  --ink: #eef2fb;
  --ink-body: #d9e1f2;
  --ink-muted: #a8b2cf;
  --ink-placeholder: #93a0c2;
  --icon-muted: #9aa6c4;
  --brand: #2a63c4;
  --brand-bright: #0077b6;
  --brand-soft: #1b2a55;
  --brand-ink: #7fa6ef;
  --on-brand: #ffffff;
  --accent: #5cc8f0;
  --accent-bright: #7fd4f3;
  --accent-soft: #0d2f3f;
  --danger: #e21c3d;
  --danger-soft: #3a0f18;
  --danger-ink: #ff8597;
  --success: #07853f;
  --success-soft: #0d2e1c;
  --success-ink: #6fd79a;
  --focus: var(--brand-bright);
  --focus-halo: #5cc8f040;
  --link: var(--accent);
  --shadow-button: 0 2px 4px rgba(0,0,0,0.45);
  --shadow-nav: 0 -2px 10px rgba(0,0,0,0.5);
  --shadow-card: 0 1px 2px rgba(0,0,0,0.4);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-full: 999px;
  --size-control: 52px;
  --size-action: 64px;
  --size-thumb: 72px;
  --size-avatar: 44px;
  --size-nav: 56px;
  --size-icon: 24px;
  --opacity-resting: 0.5;
  --opacity-disabled: 0.38;
  --font-sans: Roboto, "Segoe UI", system-ui, -apple-system, sans-serif;
}
.display-xl { font-family: var(--font-sans); font-size: 48px; line-height: 56px; font-weight: 400; letter-spacing: -0.01em; }
.display { font-family: var(--font-sans); font-size: 32px; line-height: 40px; font-weight: 700; letter-spacing: -0.01em; }
.subtitle { font-family: var(--font-sans); font-size: 24px; line-height: 32px; font-weight: 400; }
.section { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 700; }
.name { font-family: var(--font-sans); font-size: 20px; line-height: 28px; font-weight: 700; }
.body-lg { font-family: var(--font-sans); font-size: 18px; line-height: 26px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 400; }
.caption { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }
.button { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 500; }
.button-sm { font-family: var(--font-sans); font-size: 16px; line-height: 20px; font-weight: 700; }