/*
 * WatchCore Design-Tokens — eine Liste für alle Module (D-85).
 *
 * Quelle: die :root-Variablen der vier Shells, Stand 2026-09-19
 *   watchcoresuite/apps/shell/src/global/app.css   (Vorgabe: Suite besitzt das Design)
 *   watchcoreinspect/apps/shell/src/global/app.css
 *   watchcorepermit/apps/shell/src/global/app.css
 *   watchcoreaudit/apps/shell/src/global/app.css
 * Gleiche Namen mit verschiedenen Werten: Suite-Wert gilt (Liste im README, Abschnitt Tokens).
 * Nur Variablen mit Präfix --wc-; die --card-*-Aliasse der Shells sind hier aufgelöst.
 */
:root {
  /* Grundfarben */
  --wc-sidebar-dark: #071b31;
  --wc-sidebar-darker: #061626;
  --wc-text-primary: #14223c;
  --wc-text-secondary: #8492a8;
  --wc-bg-page: #f4f6fa;
  --wc-bg-surface: #ffffff;
  --wc-border-subtle: #e6eaf0;
  --wc-status-overdue: #ea2a90;
  --wc-status-warning: #f97316;
  --wc-status-info: #2563eb;
  --wc-status-success: #3ec727;
  --wc-accent-teal: #2dd4bf;
  --wc-button-primary: #1d4ed8;
  --wc-field-border: #d7dde7;

  /* Statusflächen */
  --wc-status-success-bg: #e9fada;
  --wc-status-warning-bg: #fdecdd;
  --wc-status-overdue-bg: #fce4f1;
  --wc-status-neutral-bg: #f1f5f9;
  --wc-status-neutral: #475569;

  /* Marke und Aliasse aus den Shells */
  --wc-primary: #f26c21;
  --wc-primary-dark: #d95d1a;
  --wc-primary-hover: var(--wc-primary-dark);
  --wc-orange: var(--wc-primary);
  --wc-orange-dark: var(--wc-primary-dark);
  --wc-blue: var(--wc-status-info);
  --wc-blue-dark: #1d4ed8;
  --wc-bg: var(--wc-bg-page);
  --wc-surface: #ffffff;
  --wc-surface-alt: var(--wc-bg);
  --wc-border: var(--wc-border-subtle);
  --wc-text: var(--wc-text-primary);
  --wc-color-text: var(--wc-text-primary);
  --wc-muted: var(--wc-text-secondary);
  --wc-text-on-dark: #ffffff;
  --wc-text-on-primary: #ffffff;
  --wc-header-bg: var(--wc-sidebar-dark);
  --wc-header-text: #ffffff;
  --wc-nav-active-bg: rgba(37, 99, 235, 0.28);
  --wc-color-success: var(--wc-status-success);
  --wc-color-warning: var(--wc-status-warning);
  --wc-color-error: var(--wc-status-overdue);
  --wc-color-info: var(--wc-status-info);
  --wc-warning-soft: var(--wc-status-warning-bg);
  --wc-color-bg-subtle: #fafbfc;
  --wc-color-border-refined: var(--wc-field-border);

  /* Abstände und Bedienflächen */
  --wc-spacing-xs: 4px;
  --wc-spacing-sm: 8px;
  --wc-spacing-md: 12px;
  --wc-spacing-lg: 16px;
  --wc-spacing-xl: 20px;
  --wc-spacing-2xl: 24px;
  --wc-spacing-3xl: 32px;
  --wc-spacing-4xl: 40px;
  --wc-control-min-height: 44px;
  --wc-touch-target-min-height: 44px;

  /* Schrift */
  --wc-font-family: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --wc-font-size-xs: 12px;
  --wc-font-size-sm: 13px;
  --wc-font-size-base: 14px;
  --wc-font-size-lg: 16px;
  --wc-font-size-xl: 18px;
  --wc-font-weight-normal: 400;
  --wc-font-weight-medium: 500;
  --wc-font-weight-semibold: 600;
  --wc-font-weight-bold: 700;
  --wc-font-weight-heading: 800;
  --wc-line-height-tight: 1.25;
  --wc-line-height-base: 1.5;
  --wc-line-height-relaxed: 1.625;

  /* Schatten */
  --wc-shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.05);
  --wc-shadow-md: 0 4px 6px rgba(15, 23, 42, 0.1);
  --wc-shadow-lg: 0 10px 15px rgba(15, 23, 42, 0.1);
  --wc-shadow-card-soft: 0 12px 28px -18px rgba(13, 39, 71, 0.45);
  --wc-shadow-card: var(--wc-shadow-card-soft);
  --wc-plan-marker-shadow-color: rgba(15, 23, 42, 0.28);

  /* Schublade (mobile Navigation) */
  --wc-drawer-overlay-transparent: color-mix(in srgb, var(--wc-sidebar-darker) 0%, transparent);
  --wc-drawer-overlay: color-mix(in srgb, var(--wc-sidebar-darker) 48%, transparent);
  --wc-drawer-surface: linear-gradient(180deg, var(--wc-sidebar-dark) 0%, var(--wc-sidebar-darker) 100%);
  --wc-drawer-border: color-mix(in srgb, var(--wc-bg-surface) 12%, transparent);
  --wc-drawer-control-border: color-mix(in srgb, var(--wc-bg-surface) 14%, transparent);
  --wc-drawer-toggle-border: color-mix(in srgb, var(--wc-bg-surface) 22%, transparent);
  --wc-drawer-control-bg: color-mix(in srgb, var(--wc-bg-surface) 8%, transparent);
  --wc-drawer-text: var(--wc-bg-surface);
  --wc-drawer-text-muted: color-mix(in srgb, var(--wc-bg-surface) 64%, transparent);
  --wc-drawer-shadow: 24px 0 50px color-mix(in srgb, var(--wc-sidebar-darker) 34%, transparent);
  --wc-drawer-shadow-inset: -24px 0 50px color-mix(in srgb, var(--wc-sidebar-darker) 34%, transparent);

  /* Bewegung und Ebenen */
  --wc-transition-fast: 120ms ease-out;
  --wc-transition-base: 200ms ease-out;
  --wc-transition-slow: 300ms ease-out;
  --wc-z-sticky: 60;
  --wc-z-dropdown: 70;
  --wc-z-modal: 80;
  --wc-z-toast: 90;

  /* Radien */
  --wc-radius-sm: 6px;
  --wc-radius-md: 8px;
  --wc-radius-lg: 12px;
  --wc-radius-card: 14px;
  --wc-radius: var(--wc-radius-card);
  --wc-radius-full: 9999px;

  color-scheme: light;
}