/* Platform UIX Token Foundation - Build 1.0.16
   Visual authority only. No fachliche logic. PlatformProfile 1.2.7 glass card reference promoted to global UIX tokens. */
:root {
  --ds-color-surface: #ffffff;
  --ds-color-surface-muted: #f5f5f5;
  --ds-color-surface-elevated: rgba(255, 255, 255, 0.70);
  --ds-color-text: #1f2933;
  --ds-color-text-muted: #6b7280;
  --ds-color-border: rgba(31,41,55,.10);
  --ds-color-accent: #cccccc;
  --ds-color-accent-contrast: #111111;
  --ds-color-secondary: #a6a6a6;
  --ds-color-secondary-contrast: #111111;
  --ds-color-danger: #b42318;
  --ds-color-warning: #b54708;
  --ds-color-success: #027a48;
  --ds-color-info: #175cd3;

  /* Glass Card reference tokens */
  --uix-card-background: rgba(255,255,255,.70);
  --uix-glass-background: rgba(255,255,255,.70);
  --uix-glass-blur: 18px;
  --uix-card-border: 1px solid rgba(31,41,55,.10);
  --uix-card-radius: 28px;
  --uix-card-shadow: 0 16px 44px rgba(15,23,42,.08);
  --uix-card-padding: clamp(1.25rem, 2.4vw, 2rem);
  --uix-card-gap: clamp(1rem, 2vw, 1.5rem);
  --uix-section-spacing: clamp(1.5rem, 4vw, 4rem);
  --uix-button-radius: 999px;
  --uix-button-padding: .8rem 1.25rem;
  --uix-input-radius: 16px;
  --uix-input-border: 1px solid rgba(31,41,55,.14);
  --uix-form-row-spacing: 1rem;
  --uix-muted-text: #667085;
  --uix-label-text: #475467;
  --uix-status-pill-background: rgba(255,255,255,.76);
  --uix-status-pill-border: 1px solid rgba(31,41,55,.10);
  --uix-grid-min: 240px;
  --uix-grid-gap: clamp(1rem, 2vw, 1.5rem);

  --ds-glass-opacity: .70;
  --ds-glass-opacity-strong: .86;
  --ds-glass-blur: var(--uix-glass-blur);
  --ds-glass-saturation: 1.08;
  --ds-glass-border: rgba(31,41,55,.10);
  --ds-glass-highlight: rgba(255,255,255,.50);
  --ds-glass-shadow: var(--uix-card-shadow);
  --ds-liquid-sheen-opacity: 0.12;
  --ds-liquid-backdrop: linear-gradient(135deg, rgba(255,255,255,.76), rgba(255,255,255,.56));

  --ds-radius-xs: 4px;
  --ds-radius-sm: 8px;
  --ds-radius-md: 12px;
  --ds-radius-lg: 18px;
  --ds-radius-xl: 24px;
  --ds-radius-card: var(--uix-card-radius);
  --ds-radius-modal: 28px;
  --ds-radius-button: var(--uix-button-radius);
  --ds-radius-input: var(--uix-input-radius);
  --ds-radius-panel: var(--uix-card-radius);
  --ds-radius-mail-card: 24px;

  --ds-space-xs: .375rem;
  --ds-space-sm: .625rem;
  --ds-space-md: 1rem;
  --ds-space-lg: 1.5rem;
  --ds-space-xl: 2rem;
  --ds-space-2xl: 3rem;
  --ds-space-card: var(--uix-card-padding);
  --ds-space-modal: clamp(1.25rem, 3vw, 2.25rem);

  --ds-font-family-base: inherit;
  --ds-font-size-xs: .75rem;
  --ds-font-size-sm: .875rem;
  --ds-font-size-md: 1rem;
  --ds-font-size-lg: 1.125rem;
  --ds-font-size-xl: clamp(1.35rem, 2.5vw, 2rem);
  --ds-line-height-base: 1.55;
  --ds-line-height-tight: 1.18;
  --ds-font-weight-normal: 400;
  --ds-font-weight-medium: 600;
  --ds-font-weight-bold: 750;

  --ds-motion-fast: 120ms;
  --ds-motion-normal: 220ms;
  --ds-motion-slow: 420ms;
  --ds-motion-ease: cubic-bezier(.2, .8, .2, 1);
  --ds-motion-soft: cubic-bezier(.16, 1, .3, 1);

  --ds-shadow-soft: 0 8px 24px rgba(17, 24, 39, .06);
  --ds-shadow-card: var(--uix-card-shadow);
  --ds-shadow-modal: 0 24px 70px rgba(17, 24, 39, .16);
  --ds-shadow-focus: 0 0 0 3px rgba(31, 41, 55, .14);

  --ds-z-modal: 1200;
  --ds-z-overlay: 1190;
  --ds-z-toast: 1300;
  --ds-z-dropdown: 1100;
}