/**
 * Theme: Standard-Dimensionen
 *
 * Enthält alle Dimensions-Tokens (Typografie, Größen, Abstände, Radii, Schatten).
 * Dient als Ausgangspunkt – Sysops können dieses Theme klonen und anpassen
 * (z.B. größere Schrift für Barrierefreiheit).
 *
 * type: dimensions | color_mode: light
 */
:root {
  /* Typografie */
  --text-xl: 22px;
  --text-lg: 18px;
  --text-base: 16px;
  --text-sm: 14px;
  --text-xs: 12px;
  --text-help: 13px;
  --icon-stroke: 1.75;
  --radius: 0.625rem;

  /* Komponenten-Größen */
  --size-xs-h: 24px;
  --size-xs-icon: 12px;
  --size-xs-gap: 4px;
  --size-xs-btn-px: 8px;
  --size-xs-input-px: 8px;
  --size-2xs-h: 28px;
  --size-2xs-icon: 16px;
  --size-2xs-gap: 8px;
  --size-2xs-btn-px: 8px;
  --size-2xs-input-px: 8px;
  --size-2xs-toggle-px: 4px;
  --size-sm-h: 28px;
  --size-sm-icon: 16px;
  --size-sm-gap: 6px;
  --size-sm-btn-px: 12px;
  --size-sm-input-px: 12px;
  --size-sm-toggle-px: 6px;
  --size-md-h: 32px;
  --size-md-icon: 16px;
  --size-md-gap: 8px;
  --size-md-btn-px: 12px;
  --size-md-input-px: 12px;
  --size-md-toggle-px: 8px;
  --size-lg-h: 36px;
  --size-lg-icon: 16px;
  --size-lg-gap: 8px;
  --size-lg-btn-px: 16px;
  --size-lg-input-px: 12px;
  --size-lg-toggle-px: 10px;
  --size-xl-h: 48px;
  --size-xl-icon: 16px;
  --size-xl-gap: 8px;
  --size-xl-btn-px: 16px;
  --size-xl-input-px: 16px;

  /* Rahmen & Schatten */
  --border-width: 1px;
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);

  /* Layout-Abstände */
  --gap-item: 4px;
  --gap-content: 8px;
  --gap-section: 16px;
  --page-px: 16px;
  --content-pt: 12px;
  --content-pb: 12px;
  --content-narrowed-max-w: 900px;
  --table-cell-px: 8px;
  --table-cell-py: 8px;
  --height-table-header: 40px;
  --card-padding: 20px;
  --dialog-padding: 24px;
  --dialog-body-py: 16px;
  --alert-dialog-padding: 24px;
  --sheet-padding: 16px;
  --popover-padding: 16px;
  --menu-padding: 4px;
  --tooltip-px: 12px;
  --tooltip-py: 6px;
  --sidebar-w: 256px;
  --sidebar-w-shell-right: 320px;
  --sidebar-w-app: 240px;
  --sidebar-w-inner: 300px;
  --sidebar-w-icon: 48px;
  --sidebar-w-mobile: 288px;
  --sidebar-menu-h: 28px;
  --sidebar-px: 8px;
  --sidebar-group-py: 4px;
  --sidebar-sub-indent: 14px;
  --sidebar-sub-px: 10px;
  --sidebar-group-action-right: 12px;
  --sidebar-menu-action-right: 4px;

  /* Frame-Layout (Chrome, Page-Header, Tab-Navigation) */
  --chrome-h: 48px;
  --page-header-h: 48px;
  --tab-nav-h: 48px;
  --toolbar-padding: 4px;
  --toolbar-my: 16px;
  --tabs-list-padding: 3px;
  --tabs-trigger-px: 8px;
  --tabs-trigger-py: 4px;
  --size-badge-h: 20px;
  --size-badge-px: 8px;
  --size-badge-gap: 4px;
  --size-badge-compact-px: 6px;
  --size-badge-compact-gap: 2px;
  --accordion-py: 10px;
  --accordion-content-pb: 10px;
  --accordion-radius: var(--radius);
  --widget-padding: 20px;
  --widget-gap: 16px;
  --height-widget-row: 180px;
  --board-card-px: 14px;
  --board-card-py: 12px;
}