:root {
  --jusos-rot: #e00606;
  --jusos-rot-dunkel: #b80505;
  --jusos-text: #141414;
  --jusos-text-2: #4a4a4a;
  --jusos-papier: #f4f1ec;
  --jusos-rosa: #ffc9bf;
  --jusos-weiss: #ffffff;
  --jusos-linie: #e2ddd5;
  --jusos-placeholder: #e7e2da;
  --surface-primary: var(--jusos-rot);
  --surface-light: var(--jusos-papier);
  --surface-white: var(--jusos-weiss);
  --surface-accent: var(--jusos-rosa);
  --text-on-light: var(--jusos-text);
  --text-on-red: var(--jusos-weiss);
  --text-headline-light: var(--jusos-rot);
  --text-highlight-on-red: var(--jusos-rosa);
  --text-muted: var(--jusos-text-2);
  --rule-color: var(--jusos-rot);
  --border-hairline: var(--jusos-linie);
  --action-bg: var(--jusos-rot);
  --action-bg-hover: var(--jusos-rot-dunkel);
  --action-fg: var(--jusos-weiss);
  --stretch-expanded: 125%;
  --stretch-normal: 100%;
  --fs-display: clamp(46px, 8.6vw, 136px);
  --lh-display: 0.85;
  --ls-display: -0.01em;
  --fw-display: 900;
  --fs-h1: clamp(34px, 5.6vw, 84px);
  --fs-heading: var(--fs-h1);
  --lh-h1: 0.95;
  --lh-heading: var(--lh-h1);
  --ls-h1: -0.01em;
  --ls-heading: var(--ls-h1);
  --fw-h1: 900;
  --fw-heading: var(--fw-h1);
  --fs-h2: clamp(24px, 3vw, 44px);
  --fs-subheading: var(--fs-h2);
  --lh-h2: 0.95;
  --lh-subheading: var(--lh-h2);
  --ls-h2: 0;
  --fw-h2: 900;
  --fw-subheading: var(--fw-h2);
  --fs-subline: clamp(19px, 1.8vw, 26px);
  --lh-subline: 1.3;
  --fw-subline: 700;
  --fs-body: clamp(16px, 1.2vw, 18px);
  --fs-text: var(--fs-body);
  --lh-body: 1.55;
  --lh-text: var(--lh-body);
  --fw-body: 400;
  --fw-text: var(--fw-body);
  --fs-button: clamp(16px, 1.15vw, 18px);
  --lh-button: 1;
  --fw-button: 800;
  --fs-label: 13px;
  --lh-label: 1;
  --ls-label: 0.06em;
  --fw-label: 500;
  --fs-footnote: 13px;
  --lh-footnote: 1.3;
  --fw-footnote: 400;
  --page-margin: clamp(20px, 5vw, 72px);
  --section-y: clamp(64px, 10vw, 136px);
  --button-pad-y: 16px;
  --button-pad-x: 24px;
  --rule-weight: 4px;
  --gap-headline: 28px;
  --gap-block: 24px;
  --background: var(--jusos-weiss);
  --foreground: var(--jusos-text);
  --card: var(--jusos-papier);
  --card-foreground: var(--jusos-text);
  --popover: var(--jusos-weiss);
  --popover-foreground: var(--jusos-text);
  --primary: var(--jusos-rot);
  --primary-foreground: var(--jusos-weiss);
  --secondary: var(--jusos-papier);
  --secondary-foreground: var(--jusos-text);
  --muted: var(--jusos-placeholder);
  --muted-foreground: var(--jusos-text-2);
  --accent: var(--jusos-rosa);
  --accent-foreground: var(--jusos-text);
  --destructive: var(--jusos-rot-dunkel);
  --border: var(--jusos-linie);
  --input: var(--jusos-linie);
  --ring: var(--jusos-rot);
  --chart-1: var(--jusos-rot);
  --chart-2: var(--jusos-rot-dunkel);
  --chart-3: var(--jusos-rosa);
  --chart-4: var(--jusos-text);
  --chart-5: var(--jusos-text-2);
  --radius: 0px;
  --sidebar: var(--jusos-weiss);
  --sidebar-foreground: var(--jusos-text);
  --sidebar-primary: var(--jusos-rot);
  --sidebar-primary-foreground: var(--jusos-weiss);
  --sidebar-accent: var(--jusos-rosa);
  --sidebar-accent-foreground: var(--jusos-text);
  --sidebar-border: var(--jusos-linie);
  --sidebar-ring: var(--jusos-rot);
}
:root.dark, .dark {
  --background: var(--jusos-text);
  --foreground: var(--jusos-papier);
  --card: #1c1c1c;
  --card-foreground: var(--jusos-papier);
  --popover: #1c1c1c;
  --popover-foreground: var(--jusos-papier);
  --primary: var(--jusos-rot);
  --primary-foreground: var(--jusos-weiss);
  --secondary: #2a2a2a;
  --secondary-foreground: var(--jusos-papier);
  --muted: #2a2a2a;
  --muted-foreground: #c8c2ba;
  --accent: var(--jusos-rosa);
  --accent-foreground: var(--jusos-text);
  --destructive: var(--jusos-rot);
  --border: #3a3a3a;
  --input: #3a3a3a;
  --ring: var(--jusos-rosa);
  --chart-1: var(--jusos-rot);
  --chart-2: var(--jusos-rosa);
  --chart-3: var(--jusos-papier);
  --chart-4: var(--jusos-weiss);
  --chart-5: #c8c2ba;
  --sidebar: #1c1c1c;
  --sidebar-foreground: var(--jusos-papier);
  --sidebar-primary: var(--jusos-rot);
  --sidebar-primary-foreground: var(--jusos-weiss);
  --sidebar-accent: #2a2a2a;
  --sidebar-accent-foreground: var(--jusos-papier);
  --sidebar-border: #3a3a3a;
  --sidebar-ring: var(--jusos-rosa);
}