/* GENERIERT – NICHT VON HAND PFLEGEN
 * Quelle: design/wa-ci/01 Corporate Identity/WA-Ci Farben und Designwerte.json
 */
:root {
  --ui-action: var(--wa-blue);
  --ui-action-hover: var(--wa-blue-deep);
  --ui-border-control: var(--wa-ink);
  --ui-content-max: 90rem;
  --ui-dialog-max: 40rem;
  --ui-focus-dark: var(--wa-white);
  --ui-focus-light: var(--wa-ink);
  --ui-focus-offset: 0.125rem;
  --ui-focus-width: 0.125rem;
  --ui-font-size-body: 1rem;
  --ui-font-size-h1: 2rem;
  --ui-font-size-h2: 1.5rem;
  --ui-font-size-h3: 1.25rem;
  --ui-font-size-label: 0.9375rem;
  --ui-font-size-login-display-desktop: clamp(3rem, 6vw, 5.375rem);
  --ui-font-size-login-display-mobile: clamp(2.8125rem, 10vw, 4.5rem);
  --ui-font-size-meta: 0.8125rem;
  --ui-font-weight-accent: 400;
  --ui-font-weight-body: 400;
  --ui-font-weight-button: 700;
  --ui-font-weight-error: 600;
  --ui-font-weight-heading: 750;
  --ui-font-weight-label: 600;
  --ui-form-max: 45rem;
  --ui-line-height-body: 1.7;
  --ui-line-height-h1: 1.25;
  --ui-line-height-h2: 1.33;
  --ui-line-height-h3: 1.4;
  --ui-line-height-label: 1.5;
  --ui-line-height-login-display: 1.08;
  --ui-line-height-meta: 1.5;
  --ui-on-action: var(--wa-white);
  --ui-space-1: 0.5rem;
  --ui-space-10: 5rem;
  --ui-space-11: 5.5rem;
  --ui-space-12: 6rem;
  --ui-space-2: 1rem;
  --ui-space-3: 1.5rem;
  --ui-space-4: 2rem;
  --ui-space-5: 2.5rem;
  --ui-space-6: 3rem;
  --ui-space-7: 3.5rem;
  --ui-space-8: 4rem;
  --ui-space-9: 4.5rem;
  --ui-surface: var(--wa-white);
  --ui-surface-subtle: var(--wa-blue-light);
  --ui-text: var(--wa-ink);
  --ui-text-muted: var(--wa-muted);
  --ui-touch-min: 3rem;
  --wa-blue: #0179cf;
  --wa-blue-deep: #0a4f8c;
  --wa-blue-light: #ddeefa;
  --wa-blue-tint: #f4f9fd;
  --wa-display: "DM Serif Display Italic", Georgia, serif;
  --wa-dot: #0179cf;
  --wa-dot-on-blue: #ffffff;
  --wa-font: "Manrope", Arial, sans-serif;
  --wa-grad-blue: linear-gradient(135deg, #0179cf, #0a4f8c);
  --wa-grad-deep: linear-gradient(135deg, #12242b, #0c2a44);
  --wa-grad-light: linear-gradient(135deg, #f4f9fd, #ddeefa);
  --wa-ink: #12242b;
  --wa-ink-deep: #0c2a44;
  --wa-line: #d3e0e8;
  --wa-motion-easing: cubic-bezier(.16,1,.3,1);
  --wa-motion-logo-duration: 1450ms;
  --wa-muted: #536279;
  --wa-on-ink: #c3d2db;
  --wa-radius: 0.25rem;
  --wa-space: 0.5rem;
  --wa-white: #ffffff;
}

@supports (background: linear-gradient(135deg in oklch, black, white)) {
  :root {
    --wa-grad-blue: linear-gradient(135deg in oklch, #0179cf, #0a4f8c);
    --wa-grad-deep: linear-gradient(135deg in oklch, #12242b, #0c2a44);
    --wa-grad-light: linear-gradient(135deg in oklch, #f4f9fd, #ddeefa);
  }
}