/* Vogelweide Verwaltung — generated from tokens.json (design system version 3). Do not edit; see admin/web/design-system/README.md. */

:root, [data-theme="light"] {
  --gray-0: #ffffff;
  --gray-25: #f7f8fa;
  --gray-50: #f5f6f8;
  --gray-100: #eef0f3;
  --gray-150: #e9ebee;
  --gray-200: #e2e4e8;
  --gray-300: #d3d6db;
  --gray-350: #c9cdd3;
  --gray-400: #aeb4bd;
  --gray-600: #5b616b;
  --gray-650: #4b515a;
  --gray-700: #3b4048;
  --gray-900: #17191c;
  --black-warm: #151312;
  --blue-50: #f2f6ff;
  --blue-75: #eef2ff;
  --blue-100: #e6eefb;
  --blue-200: #d5e0fa;
  --blue-600: #1d4ed8;
  --blue-700: #1e4fa8;
  --blue-800: #1e3a8a;
  --green-50: #e3f3e8;
  --green-700: #1e6b3a;
  --amber-50: #fff8ec;
  --amber-200: #f1d9ae;
  --amber-800: #8a4b00;
  --red-200: #f1c4c4;
  --red-700: #a11919;
  --violet-50: #f3eeff;
  --violet-700: #5b2db3;
  --background-app: var(--gray-50);
  --background-card: var(--gray-0);
  --background-input: var(--gray-0);
  --background-table-header: var(--gray-25);
  --background-row-hover: var(--gray-50);
  --background-item-active: var(--gray-100);
  --background-item-selected: var(--blue-75);
  --background-token: var(--gray-100);
  --background-image-placeholder: var(--gray-150);
  --background-button-primary: var(--gray-900);
  --background-chip-active: var(--gray-900);
  --background-tag: var(--gray-900);
  --background-brand-mark: var(--black-warm);
  --background-badge-public: var(--green-50);
  --background-badge-planned: var(--blue-100);
  --background-badge-expired: var(--gray-100);
  --background-badge-board: var(--violet-50);
  --background-callout: var(--blue-50);
  --background-attention: var(--amber-50);
  --border-card: var(--gray-200);
  --border-divider: var(--gray-100);
  --border-button: var(--gray-300);
  --border-input: var(--gray-350);
  --border-add: var(--gray-400);
  --border-button-danger: var(--red-200);
  --border-callout: var(--blue-200);
  --border-attention: var(--amber-200);
  --border-schedule-pending: var(--gray-300);
  --border-schedule-done: var(--green-700);
  --ink-default: var(--gray-900);
  --ink-inactive: var(--gray-700);
  --ink-hint: var(--gray-600);
  --ink-on-dark: var(--gray-0);
  --ink-link: var(--blue-600);
  --ink-link-hover: var(--blue-800);
  --ink-danger: var(--red-700);
  --ink-drag-handle: var(--gray-400);
  --ink-badge-public: var(--green-700);
  --ink-badge-planned: var(--blue-700);
  --ink-badge-expired: var(--gray-650);
  --ink-badge-board: var(--violet-700);
  --ink-callout: var(--blue-800);
  --ink-attention: var(--amber-800);
  --ink-schedule-done: var(--green-700);
  --marker-selected: var(--blue-600);
  --focus-ring: var(--blue-600);
  --outline-image-main: var(--gray-900);
}

:root {
  --space-3xs: 0.125rem;
  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.25rem;
  --space-xl: 1.5rem;
  --space-2xl: 2rem;
  --space-3xl: 3rem;
  --radius-thumbnail: 0.25rem;
  --radius-control: 0.375rem;
  --radius-inset: 0.5rem;
  --radius-card: 0.625rem;
  --radius-pill: 999px;
  --sidebar-width: 14.5rem;
  --control-height: 2.5rem;
  --icon-button-size: 2.25rem;
  --font-sans: Inter, system-ui, sans-serif;
  --font-mono: ui-monospace, Menlo, monospace;
  --font-mark: Georgia, serif;
}

.page-title { font-family: var(--font-sans); font-size: 1.5rem; line-height: 1.333; font-weight: 650; }

.page-title-compact { font-family: var(--font-sans); font-size: 1.375rem; line-height: 1.273; font-weight: 650; }

.stat { font-family: var(--font-sans); font-size: 1.75rem; line-height: 1.214; font-weight: 650; }

.section-title { font-family: var(--font-sans); font-size: 1rem; line-height: 1.5; font-weight: 650; }

.body { font-family: var(--font-sans); font-size: 0.875rem; line-height: 1.43; font-weight: 400; }

.body-strong { font-family: var(--font-sans); font-size: 0.875rem; line-height: 1.43; font-weight: 600; }

.small { font-family: var(--font-sans); font-size: 0.8125rem; line-height: 1.385; font-weight: 400; }

.caption { font-family: var(--font-sans); font-size: 0.75rem; line-height: 1.333; font-weight: 400; }

.label { font-family: var(--font-sans); font-size: 0.75rem; line-height: 1.333; font-weight: 600; }

.markdown { font-family: var(--font-mono); font-size: 0.8125rem; line-height: 1.615; font-weight: 400; }