/* Generated by Website Style (2026-10-05 09:10 UTC) — do not edit. */

/* Primitives / Color — @theme */
:root {
  --color-brand-neutral-100: #f2f2f2;
  --color-brand-neutral-200: #e6e6e6;
  --color-brand-neutral-300: #cccccc;
  --color-brand-neutral-400: #a6a6a6;
  --color-brand-neutral-50: #f7f7f7;
  --color-brand-neutral-500: #808080;
  --color-brand-neutral-600: #616161;
  --color-brand-neutral-700: #474747;
  --color-brand-neutral-800: #2e2e2e;
  --color-brand-neutral-900: #1c1c1c;
  --color-brand-neutral-950: #121212;
  --color-brand-primary-100: #ffa8b0;
  --color-brand-primary-200: #ff7581;
  --color-brand-primary-300: #ff4252;
  --color-brand-primary-400: #ff0f23;
  --color-brand-primary-50: #ffdbde;
  --color-brand-primary-500: #d90011;
  --color-brand-primary-600: #a8000e;
  --color-brand-primary-700: #75000a;
  --color-brand-primary-800: #420006;
  --color-brand-primary-900: #000000;
  --color-brand-primary-950: #000000;
  --color-brand-secondary-100: #def1da;
  --color-brand-secondary-200: #bde3b5;
  --color-brand-secondary-300: #9cd590;
  --color-brand-secondary-400: #7ac76b;
  --color-brand-secondary-50: #eef8ed;
  --color-brand-secondary-500: #5aba47;
  --color-brand-secondary-600: #479438;
  --color-brand-secondary-700: #366f2a;
  --color-brand-secondary-800: #244a1c;
  --color-brand-secondary-900: #12250e;
  --color-brand-secondary-950: #091207;
  --color-brand-tertiary-100: #000000;
  --color-brand-tertiary-200: #000000;
  --color-brand-tertiary-300: #000000;
  --color-brand-tertiary-400: #000000;
  --color-brand-tertiary-50: #000000;
  --color-brand-tertiary-500: #000000;
  --color-brand-tertiary-600: #000000;
  --color-brand-tertiary-700: #000000;
  --color-brand-tertiary-800: #000000;
  --color-brand-tertiary-900: #000000;
  --color-brand-tertiary-950: #000000;
  --color-feedback-danger-100: #fbc2d2;
  --color-feedback-danger-200: #f891ad;
  --color-feedback-danger-50: #fddae4;
  --color-feedback-danger-500: #ed0040;
  --color-feedback-danger-700: #8e0026;
  --color-feedback-danger-900: #470013;
  --color-feedback-info-100: #c8d8fe;
  --color-feedback-info-200: #9bb9fe;
  --color-feedback-info-50: #f5f8ff;
  --color-feedback-info-500: #3b82f6;
  --color-feedback-info-700: #0e3eab;
  --color-feedback-info-900: #07276e;
  --color-feedback-info-950: #051f5a;
  --color-feedback-success-100: #d5edb6;
  --color-feedback-success-200: #b7db88;
  --color-feedback-success-50: #e4f6cc;
  --color-feedback-success-500: #5ba300;
  --color-feedback-success-700: #386400;
  --color-feedback-success-900: #1c3200;
  --color-feedback-success-950: #132100;
  --color-feedback-warning-100: #fdcfbd;
  --color-feedback-warning-200: #fbae8e;
  --color-feedback-warning-50: #fee0d4;
  --color-feedback-warning-500: #f64900;
  --color-feedback-warning-700: #942c00;
  --color-feedback-warning-900: #4b1600;
  --color-feedback-warning-975: #1a0700;
  --color-neutrals-black-alpha-black-10: #0000001a;
  --color-neutrals-black-alpha-black-20: #00000033;
  --color-neutrals-black-alpha-black-30: #0000004d;
  --color-neutrals-black-alpha-black-40: #00000066;
  --color-neutrals-black-alpha-black-50: #00000080;
  --color-neutrals-black-alpha-black-60: #00000099;
  --color-neutrals-black-alpha-black-70: #000000b2;
  --color-neutrals-black-alpha-black-80: #000000cc;
  --color-neutrals-black-alpha-black-90: #000000e5;
  --color-neutrals-white-alpha-transparent: #ffffff00;
  --color-neutrals-white-alpha-white-10: #ffffff1a;
  --color-neutrals-white-alpha-white-20: #ffffff33;
  --color-neutrals-white-alpha-white-30: #ffffff4d;
  --color-neutrals-white-alpha-white-40: #ffffff66;
  --color-neutrals-white-alpha-white-50: #ffffff80;
  --color-neutrals-white-alpha-white-60: #ffffff99;
  --color-neutrals-white-alpha-white-70: #ffffffb2;
  --color-neutrals-white-alpha-white-80: #ffffffcc;
  --color-neutrals-white-alpha-white-90: #ffffffe5;
  --color-neutrals-wireframe-100: #e6e6e6;
  --color-neutrals-wireframe-200: #cdcdcd;
  --color-neutrals-wireframe-300: #b4b4b4;
  --color-neutrals-wireframe-400: #9b9b9b;
  --color-neutrals-wireframe-50: #f3f3f3;
  --color-neutrals-wireframe-500: #828282;
  --color-neutrals-wireframe-600: #686868;
  --color-neutrals-wireframe-700: #4e4e4e;
  --color-neutrals-wireframe-800: #343434;
  --color-neutrals-wireframe-900: #1a1a1a;
  --color-neutrals-wireframe-950: #0d0d0d;
  --color-neutrals-wireframe-black: #000000;
  --color-neutrals-wireframe-white: #ffffff;
}

/* Font — @theme */
:root {
  --font-family-base: "Raleway", sans-serif;
  --font-family-mono: "Raleway", monospace;
  --font-weight-normal: 400;
  --font-weight-medium: 500;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;
  --font-weight-black: 900;
  --font-family-accent: "Raleway", sans-serif;
}

/* Spacing — @theme */
:root {
  --spacing-6: clamp(6px, calc(6px + 0 * ((100vw - 360px) / 1080)), 6px);
  --spacing-8: clamp(8px, calc(8px + 0 * ((100vw - 360px) / 1080)), 8px);
  --spacing-16: clamp(16px, calc(16px + 0 * ((100vw - 360px) / 1080)), 16px);
  --spacing-24: clamp(20px, calc(20px + 4 * ((100vw - 360px) / 1080)), 24px);
  --spacing-32: clamp(24px, calc(24px + 8 * ((100vw - 360px) / 1080)), 32px);
  --spacing-48: clamp(32px, calc(32px + 16 * ((100vw - 360px) / 1080)), 48px);
  --spacing-64: clamp(48px, calc(48px + 16 * ((100vw - 360px) / 1080)), 64px);
  --spacing-72: clamp(52px, calc(52px + 20 * ((100vw - 360px) / 1080)), 72px);
  --spacing-4: clamp(4px, calc(4px + 0 * ((100vw - 360px) / 1080)), 4px);
  --spacing-2: clamp(2px, calc(2px + 0 * ((100vw - 360px) / 1080)), 2px);
  --spacing-1: clamp(1px, calc(1px + 0 * ((100vw - 360px) / 1080)), 1px);
  --spacing-none: clamp(0px, calc(0px + 0 * ((100vw - 360px) / 1080)), 0px);
  --spacing-80: clamp(56px, calc(56px + 24 * ((100vw - 360px) / 1080)), 80px);
  --spacing-96: clamp(64px, calc(64px + 32 * ((100vw - 360px) / 1080)), 96px);
  --spacing-120: clamp(80px, calc(80px + 40 * ((100vw - 360px) / 1080)), 120px);
  --spacing-12: clamp(12px, calc(12px + 0 * ((100vw - 360px) / 1080)), 12px);
  --spacing-20: clamp(18px, calc(18px + 2 * ((100vw - 360px) / 1080)), 20px);
  --spacing-40: clamp(28px, calc(28px + 12 * ((100vw - 360px) / 1080)), 40px);
}

/* Container — @theme */
:root {
  --container-xl: clamp(360px, calc(360px + 1080 * ((100vw - 360px) / 1080)), 1440px);
  --container-lg: clamp(328px, calc(328px + 952 * ((100vw - 360px) / 1080)), 1280px);
  --container-md: clamp(328px, calc(328px + 752 * ((100vw - 360px) / 1080)), 1080px);
  --container-sm: clamp(328px, calc(328px + 440 * ((100vw - 360px) / 1080)), 768px);
}

/* Semantic / Color — :root */
:root {
  --border-brand: var(--color-brand-primary-500);
  --border-default: var(--color-brand-primary-500);
  --border-disabled: var(--color-brand-neutral-300);
  --border-inverse: var(--color-brand-neutral-50);
  --border-strong: var(--color-brand-tertiary-500);
  --border-subtle: var(--color-brand-neutral-500);
  --button-primary-border: var(--color-brand-primary-500);
  --button-primary-border-disabled: var(--color-brand-neutral-300);
  --button-primary-border-disabled-2: var(--color-brand-neutral-300);
  --button-primary-border-disabled-3: var(--color-brand-neutral-300);
  --button-primary-border-hover: var(--color-brand-primary-300);
  --button-primary-border-hover-2: var(--color-brand-primary-300);
  --button-primary-border-hover-3: var(--color-brand-primary-700);
  --button-primary-border-pressed: var(--color-brand-primary-500);
  --button-primary-border-pressed-2: var(--color-brand-primary-500);
  --button-primary-border-pressed-3: var(--color-brand-primary-500);
  --button-primary-default: var(--color-brand-primary-500);
  --button-primary-disabled: var(--color-neutrals-white-alpha-transparent);
  --button-primary-focus-ring: var(--color-brand-primary-500);
  --button-primary-foreground: var(--color-brand-neutral-50);
  --button-primary-foreground-disabled: var(--color-brand-neutral-500);
  --button-primary-foreground-hover: var(--color-brand-neutral-50);
  --button-primary-foreground-pressed: var(--color-brand-neutral-50);
  --button-primary-hover: var(--color-brand-primary-300);
  --button-primary-pressed: var(--color-brand-primary-300);
  --button-secondary-border: var(--color-brand-secondary-500);
  --button-secondary-border-disabled: var(--color-brand-neutral-300);
  --button-secondary-border-hover: var(--color-brand-neutral-300);
  --button-secondary-border-pressed: var(--color-brand-neutral-300);
  --button-secondary-default: var(--color-brand-secondary-500);
  --button-secondary-disabled: var(--color-brand-secondary-100);
  --button-secondary-focus-ring: var(--color-brand-secondary-500);
  --button-secondary-foreground: var(--color-neutrals-wireframe-white);
  --button-secondary-foreground-disabled: var(--color-brand-neutral-950);
  --button-secondary-foreground-hover: var(--color-brand-neutral-50);
  --button-secondary-foreground-pressed: var(--color-brand-neutral-50);
  --button-secondary-hover: var(--color-brand-secondary-700);
  --button-secondary-pressed: var(--color-brand-secondary-700);
  --button-text-border: var(--color-brand-primary-500);
  --button-text-border-disabled: var(--color-brand-neutral-300);
  --button-text-border-hover: var(--color-brand-primary-700);
  --button-text-border-pressed: var(--color-brand-primary-700);
  --button-text-default: var(--color-neutrals-wireframe-white);
  --button-text-disabled: var(--color-neutrals-wireframe-white);
  --button-text-focus-ring: var(--color-brand-primary-500);
  --button-text-foreground: var(--color-brand-primary-500);
  --button-text-foreground-disabled: var(--color-brand-neutral-300);
  --button-text-foreground-hover: var(--color-brand-primary-700);
  --button-text-foreground-pressed: var(--color-brand-primary-300);
  --button-text-hover: var(--color-brand-neutral-50);
  --button-text-icon: var(--color-brand-neutral-50);
  --button-text-pressed: var(--color-brand-neutral-50);
  --feedback-danger-bg: var(--color-feedback-danger-50);
  --feedback-danger-border: var(--color-feedback-danger-500);
  --feedback-danger-foreground: var(--color-feedback-danger-500);
  --feedback-info-bg: var(--color-feedback-info-50);
  --feedback-info-border: var(--color-feedback-info-500);
  --feedback-info-foreground: var(--color-feedback-info-700);
  --feedback-succes-bg: var(--color-feedback-success-50);
  --feedback-succes-border: var(--color-feedback-success-500);
  --feedback-succes-foreground: var(--color-feedback-success-700);
  --feedback-warning-bg: var(--color-feedback-warning-50);
  --feedback-warning-border: var(--color-feedback-warning-500);
  --feedback-warning-foreground: var(--color-feedback-warning-700);
  --icon-accent: var(--color-brand-tertiary-500);
  --icon-accent-2: var(--color-brand-secondary-500);
  --icon-brand: var(--color-brand-primary-500);
  --icon-default: var(--color-brand-neutral-600);
  --icon-disabled: var(--color-brand-neutral-300);
  --icon-inverse: var(--color-brand-neutral-50);
  --icon-muted: var(--color-brand-neutral-400);
  --input-checkbox-radiobutton-active: var(--color-brand-secondary-500);
  --input-checkbox-radiobutton-border: var(--color-brand-secondary-500);
  --input-checkbox-radiobutton-border-active: var(--color-brand-secondary-500);
  --input-checkbox-radiobutton-border-disabled: var(--color-brand-neutral-50);
  --input-checkbox-radiobutton-border-hover: var(--color-brand-secondary-700);
  --input-checkbox-radiobutton-default: var(--color-neutrals-wireframe-white);
  --input-checkbox-radiobutton-disabled: var(--color-neutrals-white-alpha-transparent);
  --input-checkbox-radiobutton-focus-ring: var(--color-brand-secondary-500);
  --input-checkbox-radiobutton-foreground: var(--color-brand-neutral-700);
  --input-checkbox-radiobutton-foreground-active: var(--color-neutrals-wireframe-white);
  --input-checkbox-radiobutton-foreground-disabled: var(--color-brand-neutral-100);
  --input-checkbox-radiobutton-foreground-hover: var(--color-brand-neutral-700);
  --input-checkbox-radiobutton-foreground-placeholder: var(--color-brand-neutral-300);
  --input-checkbox-radiobutton-hover: var(--color-brand-neutral-50);
  --input-text-input-active: var(--color-brand-secondary-100);
  --input-text-input-border: var(--color-brand-neutral-300);
  --input-text-input-border-active: var(--color-brand-secondary-300);
  --input-text-input-border-disabled: var(--color-brand-neutral-50);
  --input-text-input-border-hover: var(--color-brand-neutral-400);
  --input-text-input-default: var(--color-neutrals-wireframe-white);
  --input-text-input-disabled: var(--color-neutrals-white-alpha-transparent);
  --input-text-input-focus-ring: var(--color-brand-secondary-500);
  --input-text-input-foreground: var(--color-brand-neutral-700);
  --input-text-input-foreground-active: var(--color-brand-secondary-700);
  --input-text-input-foreground-disabled: var(--color-brand-neutral-100);
  --input-text-input-foreground-hover: var(--color-brand-neutral-700);
  --input-text-input-foreground-placeholder: var(--color-brand-neutral-500);
  --input-text-input-hover: var(--color-brand-neutral-50);
  --surface-accent: var(--color-brand-tertiary-500);
  --surface-default: var(--color-brand-primary-200);
  --surface-inverse: var(--color-brand-primary-500);
  --surface-muted: var(--color-brand-neutral-50);
  --surface-page: var(--color-neutrals-wireframe-white);
  --surface-subtle: var(--color-brand-secondary-100);
  --text-brand: var(--color-brand-primary-500);
  --text-disabled: var(--color-brand-neutral-300);
  --text-inverse: var(--color-brand-neutral-50);
  --text-muted: var(--color-brand-neutral-400);
  --text-primary: var(--color-brand-neutral-950);
  --text-secondary: var(--color-brand-primary-500);
  --text-tertiary: var(--color-brand-neutral-500);
  --text-tertiary-2: var(--color-brand-secondary-500);
}

/* Semantic / Color — .dark */
.dark {
  --border-brand: var(--color-neutrals-wireframe-600);
  --border-default: var(--color-neutrals-wireframe-200);
  --border-disabled: var(--color-neutrals-wireframe-200);
  --border-inverse: var(--color-neutrals-wireframe-200);
  --border-strong: var(--color-neutrals-wireframe-400);
  --border-subtle: var(--color-neutrals-wireframe-200);
  --button-primary-border: var(--color-neutrals-wireframe-500);
  --button-primary-border-disabled: var(--color-neutrals-wireframe-300);
  --button-primary-border-disabled-2: var(--color-neutrals-wireframe-300);
  --button-primary-border-disabled-3: var(--color-neutrals-wireframe-300);
  --button-primary-border-hover: var(--color-neutrals-wireframe-300);
  --button-primary-border-hover-2: var(--color-neutrals-wireframe-300);
  --button-primary-border-hover-3: var(--color-neutrals-wireframe-700);
  --button-primary-border-pressed: var(--color-neutrals-wireframe-500);
  --button-primary-border-pressed-2: var(--color-neutrals-wireframe-500);
  --button-primary-border-pressed-3: var(--color-neutrals-wireframe-500);
  --button-primary-default: var(--color-neutrals-wireframe-700);
  --button-primary-disabled: var(--color-neutrals-white-alpha-transparent);
  --button-primary-focus-ring: var(--color-neutrals-wireframe-700);
  --button-primary-foreground: var(--color-neutrals-wireframe-50);
  --button-primary-foreground-disabled: var(--color-neutrals-wireframe-500);
  --button-primary-foreground-hover: var(--color-neutrals-wireframe-50);
  --button-primary-foreground-pressed: var(--color-neutrals-wireframe-50);
  --button-primary-hover: var(--color-neutrals-wireframe-300);
  --button-primary-pressed: var(--color-neutrals-wireframe-300);
  --button-secondary-border: var(--color-neutrals-wireframe-200);
  --button-secondary-border-disabled: var(--color-neutrals-wireframe-200);
  --button-secondary-border-hover: var(--color-neutrals-wireframe-600);
  --button-secondary-border-pressed: var(--color-neutrals-wireframe-200);
  --button-secondary-default: var(--color-neutrals-wireframe-700);
  --button-secondary-disabled: var(--color-neutrals-wireframe-200);
  --button-secondary-focus-ring: var(--color-neutrals-wireframe-700);
  --button-secondary-foreground: var(--color-neutrals-wireframe-white);
  --button-secondary-foreground-disabled: var(--color-neutrals-wireframe-400);
  --button-secondary-foreground-hover: var(--color-neutrals-wireframe-white);
  --button-secondary-foreground-pressed: var(--color-neutrals-wireframe-white);
  --button-secondary-hover: var(--color-neutrals-wireframe-800);
  --button-secondary-pressed: var(--color-neutrals-wireframe-900);
  --button-text-border: var(--color-neutrals-wireframe-300);
  --button-text-border-disabled: var(--color-neutrals-wireframe-400);
  --button-text-border-hover: var(--color-neutrals-wireframe-300);
  --button-text-border-pressed: var(--color-neutrals-wireframe-300);
  --button-text-default: var(--color-neutrals-white-alpha-transparent);
  --button-text-disabled: var(--color-neutrals-white-alpha-transparent);
  --button-text-focus-ring: var(--color-neutrals-wireframe-500);
  --button-text-foreground: var(--color-neutrals-wireframe-700);
  --button-text-foreground-disabled: var(--color-neutrals-wireframe-300);
  --button-text-foreground-hover: var(--color-neutrals-wireframe-700);
  --button-text-foreground-pressed: var(--color-neutrals-wireframe-300);
  --button-text-hover: var(--color-neutrals-wireframe-100);
  --button-text-icon: var(--color-neutrals-wireframe-700);
  --button-text-pressed: var(--color-neutrals-wireframe-200);
  --feedback-danger-bg: var(--color-feedback-danger-900);
  --feedback-danger-border: var(--color-feedback-danger-500);
  --feedback-danger-foreground: var(--color-feedback-danger-100);
  --feedback-info-bg: var(--color-feedback-info-950);
  --feedback-info-border: var(--color-feedback-info-700);
  --feedback-info-foreground: var(--color-feedback-info-100);
  --feedback-succes-bg: var(--color-feedback-success-950);
  --feedback-succes-border: var(--color-feedback-success-700);
  --feedback-succes-foreground: var(--color-feedback-success-100);
  --feedback-warning-bg: var(--color-feedback-warning-975);
  --feedback-warning-border: var(--color-feedback-warning-700);
  --feedback-warning-foreground: var(--color-feedback-warning-100);
  --icon-accent: var(--color-neutrals-wireframe-600);
  --icon-accent-2: var(--color-neutrals-wireframe-600);
  --icon-brand: var(--color-neutrals-wireframe-600);
  --icon-default: var(--color-neutrals-wireframe-600);
  --icon-disabled: var(--color-neutrals-wireframe-300);
  --icon-inverse: var(--color-neutrals-wireframe-white);
  --icon-muted: var(--color-neutrals-wireframe-400);
  --input-checkbox-radiobutton-active: var(--color-neutrals-wireframe-200);
  --input-checkbox-radiobutton-border: var(--color-neutrals-wireframe-400);
  --input-checkbox-radiobutton-border-active: var(--color-neutrals-wireframe-200);
  --input-checkbox-radiobutton-border-disabled: var(--color-neutrals-wireframe-200);
  --input-checkbox-radiobutton-border-hover: var(--color-neutrals-wireframe-600);
  --input-checkbox-radiobutton-default: var(--color-neutrals-white-alpha-transparent);
  --input-checkbox-radiobutton-disabled: var(--color-neutrals-white-alpha-transparent);
  --input-checkbox-radiobutton-focus-ring: var(--color-neutrals-wireframe-700);
  --input-checkbox-radiobutton-foreground: var(--color-neutrals-wireframe-700);
  --input-checkbox-radiobutton-foreground-active: var(--color-neutrals-wireframe-700);
  --input-checkbox-radiobutton-foreground-disabled: var(--color-neutrals-wireframe-700);
  --input-checkbox-radiobutton-foreground-hover: var(--color-neutrals-wireframe-700);
  --input-checkbox-radiobutton-foreground-placeholder: var(--color-neutrals-wireframe-700);
  --input-checkbox-radiobutton-hover: var(--color-neutrals-wireframe-100);
  --input-text-input-active: var(--color-neutrals-wireframe-200);
  --input-text-input-border: var(--color-neutrals-wireframe-400);
  --input-text-input-border-active: var(--color-neutrals-wireframe-200);
  --input-text-input-border-disabled: var(--color-neutrals-wireframe-200);
  --input-text-input-border-hover: var(--color-neutrals-wireframe-600);
  --input-text-input-default: var(--color-neutrals-white-alpha-transparent);
  --input-text-input-disabled: var(--color-neutrals-white-alpha-transparent);
  --input-text-input-focus-ring: var(--color-neutrals-wireframe-700);
  --input-text-input-foreground: var(--color-neutrals-wireframe-700);
  --input-text-input-foreground-active: var(--color-neutrals-wireframe-700);
  --input-text-input-foreground-disabled: var(--color-neutrals-wireframe-700);
  --input-text-input-foreground-hover: var(--color-neutrals-wireframe-700);
  --input-text-input-foreground-placeholder: var(--color-neutrals-wireframe-700);
  --input-text-input-hover: var(--color-neutrals-wireframe-100);
  --surface-accent: var(--color-neutrals-wireframe-50);
  --surface-default: var(--color-neutrals-wireframe-50);
  --surface-inverse: var(--color-neutrals-wireframe-900);
  --surface-muted: var(--color-neutrals-wireframe-50);
  --surface-page: var(--color-neutrals-wireframe-950);
  --surface-subtle: var(--color-neutrals-wireframe-50);
  --text-brand: var(--color-neutrals-wireframe-700);
  --text-disabled: var(--color-neutrals-wireframe-300);
  --text-inverse: var(--color-neutrals-wireframe-white);
  --text-muted: var(--color-neutrals-wireframe-400);
  --text-primary: var(--color-neutrals-wireframe-900);
  --text-secondary: var(--color-neutrals-wireframe-700);
  --text-tertiary: var(--color-neutrals-wireframe-500);
  --text-tertiary-2: var(--color-neutrals-wireframe-500);
}

/* Semantic / Color — @theme inline */
:root {
  --color-white: white;
  --color-black: black;
  --color-border-brand: var(--border-brand);
  --color-border-default: var(--border-default);
  --color-border-disabled: var(--border-disabled);
  --color-border-inverse: var(--border-inverse);
  --color-border-strong: var(--border-strong);
  --color-border-subtle: var(--border-subtle);
  --color-button-primary-border: var(--button-primary-border);
  --color-button-primary-border-disabled: var(--button-primary-border-disabled);
  --color-button-primary-border-disabled-2: var(--button-primary-border-disabled-2);
  --color-button-primary-border-disabled-3: var(--button-primary-border-disabled-3);
  --color-button-primary-border-hover: var(--button-primary-border-hover);
  --color-button-primary-border-hover-2: var(--button-primary-border-hover-2);
  --color-button-primary-border-hover-3: var(--button-primary-border-hover-3);
  --color-button-primary-border-pressed: var(--button-primary-border-pressed);
  --color-button-primary-border-pressed-2: var(--button-primary-border-pressed-2);
  --color-button-primary-border-pressed-3: var(--button-primary-border-pressed-3);
  --color-button-primary-default: var(--button-primary-default);
  --color-button-primary-disabled: var(--button-primary-disabled);
  --color-button-primary-focus-ring: var(--button-primary-focus-ring);
  --color-button-primary-foreground: var(--button-primary-foreground);
  --color-button-primary-foreground-disabled: var(--button-primary-foreground-disabled);
  --color-button-primary-foreground-hover: var(--button-primary-foreground-hover);
  --color-button-primary-foreground-pressed: var(--button-primary-foreground-pressed);
  --color-button-primary-hover: var(--button-primary-hover);
  --color-button-primary-pressed: var(--button-primary-pressed);
  --color-button-secondary-border: var(--button-secondary-border);
  --color-button-secondary-border-disabled: var(--button-secondary-border-disabled);
  --color-button-secondary-border-hover: var(--button-secondary-border-hover);
  --color-button-secondary-border-pressed: var(--button-secondary-border-pressed);
  --color-button-secondary-default: var(--button-secondary-default);
  --color-button-secondary-disabled: var(--button-secondary-disabled);
  --color-button-secondary-focus-ring: var(--button-secondary-focus-ring);
  --color-button-secondary-foreground: var(--button-secondary-foreground);
  --color-button-secondary-foreground-disabled: var(--button-secondary-foreground-disabled);
  --color-button-secondary-foreground-hover: var(--button-secondary-foreground-hover);
  --color-button-secondary-foreground-pressed: var(--button-secondary-foreground-pressed);
  --color-button-secondary-hover: var(--button-secondary-hover);
  --color-button-secondary-pressed: var(--button-secondary-pressed);
  --color-button-text-border: var(--button-text-border);
  --color-button-text-border-disabled: var(--button-text-border-disabled);
  --color-button-text-border-hover: var(--button-text-border-hover);
  --color-button-text-border-pressed: var(--button-text-border-pressed);
  --color-button-text-default: var(--button-text-default);
  --color-button-text-disabled: var(--button-text-disabled);
  --color-button-text-focus-ring: var(--button-text-focus-ring);
  --color-button-text-foreground: var(--button-text-foreground);
  --color-button-text-foreground-disabled: var(--button-text-foreground-disabled);
  --color-button-text-foreground-hover: var(--button-text-foreground-hover);
  --color-button-text-foreground-pressed: var(--button-text-foreground-pressed);
  --color-button-text-hover: var(--button-text-hover);
  --color-button-text-icon: var(--button-text-icon);
  --color-button-text-pressed: var(--button-text-pressed);
  --color-feedback-danger-bg: var(--feedback-danger-bg);
  --color-feedback-danger-border: var(--feedback-danger-border);
  --color-feedback-danger-foreground: var(--feedback-danger-foreground);
  --color-feedback-info-bg: var(--feedback-info-bg);
  --color-feedback-info-border: var(--feedback-info-border);
  --color-feedback-info-foreground: var(--feedback-info-foreground);
  --color-feedback-succes-bg: var(--feedback-succes-bg);
  --color-feedback-succes-border: var(--feedback-succes-border);
  --color-feedback-succes-foreground: var(--feedback-succes-foreground);
  --color-feedback-warning-bg: var(--feedback-warning-bg);
  --color-feedback-warning-border: var(--feedback-warning-border);
  --color-feedback-warning-foreground: var(--feedback-warning-foreground);
  --color-icon-accent: var(--icon-accent);
  --color-icon-accent-2: var(--icon-accent-2);
  --color-icon-brand: var(--icon-brand);
  --color-icon-default: var(--icon-default);
  --color-icon-disabled: var(--icon-disabled);
  --color-icon-inverse: var(--icon-inverse);
  --color-icon-muted: var(--icon-muted);
  --color-input-checkbox-radiobutton-active: var(--input-checkbox-radiobutton-active);
  --color-input-checkbox-radiobutton-border: var(--input-checkbox-radiobutton-border);
  --color-input-checkbox-radiobutton-border-active: var(--input-checkbox-radiobutton-border-active);
  --color-input-checkbox-radiobutton-border-disabled: var(--input-checkbox-radiobutton-border-disabled);
  --color-input-checkbox-radiobutton-border-hover: var(--input-checkbox-radiobutton-border-hover);
  --color-input-checkbox-radiobutton-default: var(--input-checkbox-radiobutton-default);
  --color-input-checkbox-radiobutton-disabled: var(--input-checkbox-radiobutton-disabled);
  --color-input-checkbox-radiobutton-focus-ring: var(--input-checkbox-radiobutton-focus-ring);
  --color-input-checkbox-radiobutton-foreground: var(--input-checkbox-radiobutton-foreground);
  --color-input-checkbox-radiobutton-foreground-active: var(--input-checkbox-radiobutton-foreground-active);
  --color-input-checkbox-radiobutton-foreground-disabled: var(--input-checkbox-radiobutton-foreground-disabled);
  --color-input-checkbox-radiobutton-foreground-hover: var(--input-checkbox-radiobutton-foreground-hover);
  --color-input-checkbox-radiobutton-foreground-placeholder: var(--input-checkbox-radiobutton-foreground-placeholder);
  --color-input-checkbox-radiobutton-hover: var(--input-checkbox-radiobutton-hover);
  --color-input-text-input-active: var(--input-text-input-active);
  --color-input-text-input-border: var(--input-text-input-border);
  --color-input-text-input-border-active: var(--input-text-input-border-active);
  --color-input-text-input-border-disabled: var(--input-text-input-border-disabled);
  --color-input-text-input-border-hover: var(--input-text-input-border-hover);
  --color-input-text-input-default: var(--input-text-input-default);
  --color-input-text-input-disabled: var(--input-text-input-disabled);
  --color-input-text-input-focus-ring: var(--input-text-input-focus-ring);
  --color-input-text-input-foreground: var(--input-text-input-foreground);
  --color-input-text-input-foreground-active: var(--input-text-input-foreground-active);
  --color-input-text-input-foreground-disabled: var(--input-text-input-foreground-disabled);
  --color-input-text-input-foreground-hover: var(--input-text-input-foreground-hover);
  --color-input-text-input-foreground-placeholder: var(--input-text-input-foreground-placeholder);
  --color-input-text-input-hover: var(--input-text-input-hover);
  --color-surface-accent: var(--surface-accent);
  --color-surface-default: var(--surface-default);
  --color-surface-inverse: var(--surface-inverse);
  --color-surface-muted: var(--surface-muted);
  --color-surface-page: var(--surface-page);
  --color-surface-subtle: var(--surface-subtle);
  --color-text-brand: var(--text-brand);
  --color-text-disabled: var(--text-disabled);
  --color-text-inverse: var(--text-inverse);
  --color-text-muted: var(--text-muted);
  --color-text-primary: var(--text-primary);
  --color-text-secondary: var(--text-secondary);
  --color-text-tertiary: var(--text-tertiary);
  --color-text-tertiary-2: var(--text-tertiary-2);
}

/* Font Size — @theme */
:root {
  --text-hero-h1: clamp(32px, calc(32px + 40 * ((100vw - 360px) / 1080)), 72px);
  --text-h1: clamp(32px, calc(32px + 16 * ((100vw - 360px) / 1080)), 48px);
  --text-h2: clamp(26px, calc(26px + 10 * ((100vw - 360px) / 1080)), 36px);
  --text-display: clamp(56px, calc(56px + 24 * ((100vw - 360px) / 1080)), 80px);
  --text-h3: clamp(22px, calc(22px + 6 * ((100vw - 360px) / 1080)), 28px);
  --text-lg: clamp(18px, calc(18px + 6 * ((100vw - 360px) / 1080)), 24px);
  --text-h5: clamp(16px, calc(16px + 2 * ((100vw - 360px) / 1080)), 18px);
  --text-xs: clamp(14px, calc(14px + 0 * ((100vw - 360px) / 1080)), 14px);
  --text-h6: clamp(16px, calc(16px + 0 * ((100vw - 360px) / 1080)), 16px);
  --text-h4: clamp(18px, calc(18px + 4 * ((100vw - 360px) / 1080)), 22px);
  --text-md: clamp(16px, calc(16px + 2 * ((100vw - 360px) / 1080)), 18px);
  --text-sm: clamp(14px, calc(14px + 2 * ((100vw - 360px) / 1080)), 16px);
  --text-xl: clamp(24px, calc(24px + 8 * ((100vw - 360px) / 1080)), 32px);
}

/* Style — @theme */
:root {
  --radius-xl: clamp(12px, calc(12px + 0 * ((100vw - 360px) / 1080)), 12px);
  --radius-md: clamp(6px, calc(6px + 0 * ((100vw - 360px) / 1080)), 6px);
  --radius-sm: clamp(4px, calc(4px + 0 * ((100vw - 360px) / 1080)), 4px);
  --radius-xs: clamp(2px, calc(2px + 0 * ((100vw - 360px) / 1080)), 2px);
  --radius-full: clamp(9999px, calc(9999px + 0 * ((100vw - 360px) / 1080)), 9999px);
  --radius-lg: clamp(8px, calc(8px + 0 * ((100vw - 360px) / 1080)), 8px);
  --radius-3xl: clamp(24px, calc(24px + 0 * ((100vw - 360px) / 1080)), 24px);
  --radius-2xl: clamp(16px, calc(16px + 0 * ((100vw - 360px) / 1080)), 16px);
  --radius-none: clamp(0px, calc(0px + 0 * ((100vw - 360px) / 1080)), 0px);
  --border-width-none: clamp(0px, calc(0px + 0 * ((100vw - 360px) / 1080)), 0px);
  --border-width-default: clamp(1px, calc(1px + 0 * ((100vw - 360px) / 1080)), 1px);
  --border-width-strong: clamp(2px, calc(2px + -0.5 * ((100vw - 360px) / 1080)), 1.5px);
}

/* Extras — Website Style (not in the Figma file): shadows, headings & body text, structure, components, scrollbar */
:root {
  --shadow-xs: 0 1px 2px rgba(0, 0, 0, .06);
  --shadow-sm: 0 2px 6px rgba(0, 0, 0, .08);
  --shadow-md: 0 6px 16px rgba(0, 0, 0, .1);
  --shadow-lg: 0 14px 32px rgba(0, 0, 0, .12);
  --shadow-xl: 0 24px 48px rgba(0, 0, 0, .16);
  --gdi-h1-font-size: var(--text-h1);
  --gdi-h1-font-family: var(--font-family-accent);
  --gdi-h1-font-weight: var(--font-weight-semibold);
  --gdi-h1-line-height: 1.15;
  --gdi-h2-font-size: var(--text-h2);
  --gdi-h2-font-family: var(--font-family-accent);
  --gdi-h2-font-weight: var(--font-weight-semibold);
  --gdi-h2-line-height: 1.2;
  --gdi-h3-font-size: var(--text-h3);
  --gdi-h3-font-family: var(--font-family-accent);
  --gdi-h3-font-weight: var(--font-weight-medium);
  --gdi-h3-line-height: 1.25;
  --gdi-h4-font-size: var(--text-h4);
  --gdi-h4-font-family: var(--font-family-accent);
  --gdi-h4-font-weight: var(--font-weight-medium);
  --gdi-h4-line-height: 1.3;
  --gdi-h5-font-size: var(--text-h5);
  --gdi-h5-font-family: var(--font-family-accent);
  --gdi-h5-font-weight: var(--font-weight-medium);
  --gdi-h5-line-height: 1.3;
  --gdi-h6-font-size: var(--text-h6);
  --gdi-h6-font-family: var(--font-family-accent);
  --gdi-h6-font-weight: var(--font-weight-medium);
  --gdi-h6-line-height: 1.3;
  --gdi-body-font-size: var(--text-sm);
  --gdi-body-font-family: var(--font-family-base);
  --gdi-body-font-weight: var(--font-weight-normal);
  --gdi-body-line-height: 1.55;
  --gdi-image-radius: var(--radius-none);
  --gdi-grid-gutter: var(--spacing-24);
  --gdi-bloc-pt: var(--spacing-48);
  --gdi-bloc-pb: var(--spacing-48);
  --button-min-height: var(--spacing-40);
  --button-padding-y: var(--spacing-12);
  --button-padding-x: var(--spacing-24);
  --button-gap: var(--spacing-8);
  --button-radius: var(--radius-md);
  --button-border-width: var(--border-width-default);
  --button-font-family: var(--font-family-base);
  --button-font-size: var(--text-sm);
  --button-font-weight: var(--font-weight-semibold);
  --input-padding-y: var(--spacing-12);
  --input-padding-x: var(--spacing-16);
  --input-radius: var(--radius-md);
  --input-border-width: var(--border-width-default);
  --input-font-family: var(--font-family-base);
  --input-font-size: var(--text-sm);
  --input-gap: var(--spacing-16);
  --input-label-width: 150px;
  --input-checkbox-size: 20px;
  --input-checkbox-radius: var(--radius-xs);
}