:root{
--color_primary:#552583;
--color_secondary:#474898;
--color_accent:#a51673;
--color_background:#ffffff;
--color_background_muted:#f5f5f7;
--color_surface:#f5f5f7;
--color_heading:#1d1d1f;
--color_text:#3f3f3f;
--color_muted_text:#86868b;
--color_border:#d2d2d7;
--color_divider:#e5e5e7;
--color_focus:#a51673;
--primary-50:color-mix(in srgb, var(--color_primary), white 92%);
--primary-100:color-mix(in srgb, var(--color_primary), white 84%);
--primary-200:color-mix(in srgb, var(--color_primary), white 72%);
--primary-300:color-mix(in srgb, var(--color_primary), white 58%);
--primary-400:color-mix(in srgb, var(--color_primary), white 40%);
--primary-500:var(--color_primary);
--primary-600:color-mix(in srgb, var(--color_primary), black 12%);
--primary-700:color-mix(in srgb, var(--color_primary), black 24%);
--primary-800:color-mix(in srgb, var(--color_primary), black 36%);
--primary-900:color-mix(in srgb, var(--color_primary), black 48%);
--secondary-50:color-mix(in srgb, var(--color_secondary), white 92%);
--secondary-100:color-mix(in srgb, var(--color_secondary), white 84%);
--secondary-200:color-mix(in srgb, var(--color_secondary), white 72%);
--secondary-300:color-mix(in srgb, var(--color_secondary), white 58%);
--secondary-400:color-mix(in srgb, var(--color_secondary), white 40%);
--secondary-500:var(--color_secondary);
--secondary-600:color-mix(in srgb, var(--color_secondary), black 12%);
--secondary-700:color-mix(in srgb, var(--color_secondary), black 24%);
--secondary-800:color-mix(in srgb, var(--color_secondary), black 36%);
--secondary-900:color-mix(in srgb, var(--color_secondary), black 48%);
--accent-50:color-mix(in srgb, var(--color_accent), white 92%);
--accent-100:color-mix(in srgb, var(--color_accent), white 84%);
--accent-200:color-mix(in srgb, var(--color_accent), white 72%);
--accent-300:color-mix(in srgb, var(--color_accent), white 58%);
--accent-400:color-mix(in srgb, var(--color_accent), white 40%);
--accent-500:var(--color_accent);
--accent-600:color-mix(in srgb, var(--color_accent), black 12%);
--accent-700:color-mix(in srgb, var(--color_accent), black 24%);
--accent-800:color-mix(in srgb, var(--color_accent), black 36%);
--accent-900:color-mix(in srgb, var(--color_accent), black 48%);
--neutral-50:color-mix(in srgb, var(--color_heading), white 96%);
--neutral-100:color-mix(in srgb, var(--color_heading), white 92%);
--neutral-200:color-mix(in srgb, var(--color_heading), white 86%);
--neutral-300:color-mix(in srgb, var(--color_heading), white 78%);
--neutral-400:color-mix(in srgb, var(--color_heading), white 66%);
--neutral-500:color-mix(in srgb, var(--color_heading), white 50%);
--neutral-600:color-mix(in srgb, var(--color_heading), white 34%);
--neutral-700:color-mix(in srgb, var(--color_heading), white 20%);
--neutral-800:color-mix(in srgb, var(--color_heading), white 10%);
--neutral-900:var(--color_heading);
--font-body:"Plus Jakarta Sans", sans-serif;
--font-heading:"Plus Jakarta Sans", sans-serif;
--font-display:"Plus Jakarta Sans", sans-serif;
--space-2xs:clamp(4px, 0.3vw, 6px);
--space-xs:clamp(6px, 0.5vw, 10px);
--space-sm:clamp(12px, 1vw, 18px);
--space-md:clamp(20px, 1.6vw, 30px);
--space-lg:clamp(32px, 2.4vw, 44px);
--space-section:clamp(64px, 6vw, 100px);
--icon-size:clamp(20px, 1.5vw + 0.5rem, 24px);
--icon-padding:0.35em;
--container-width:min(1500px, 95vw);
--radius-sm:8px;
--radius-md:12px;
--radius-lg:20px;
--shadow-sm:0 1px 2px rgba(0,0,0,.06);
--shadow-md:0 8px 20px rgba(0,0,0,.10);
--shadow-lg:0 16px 40px rgba(0,0,0,.14);
--button-primary-background-color:linear-gradient(90deg, #552583 0%, #474898 50%, #552583 100%);
--button-primary-hover-color:linear-gradient(90deg, var(--color_secondary) 0%, var(--color_primary) 100%);
--button-primary-text-color:#ffffff;
--button-primary-padding-y:var(--space-sm);
--button-primary-padding-x:calc(var(--space-md) * 1.3);
--button-primary-border-width:1px;
--button-primary-border-color:rgba(255,255,255,0.5);
--button-primary-border-color-hover:#fff;
--button-primary-radius:9999px;
--button-primary-hover-transform:none;
--button-primary-hover-shadow:none;
--button-primary-icon:url('https://www.ampalmenweg.ch/wp-content/uploads/2026/03/arrow-right.svg');
--button-secondary-background-color:linear-gradient(90deg, var(--color_primary) 0%, var(--color_secondary) 100%);
--button-secondary-hover-color:transparent;
--button-secondary-text-color:var(--color_primary);
--button-secondary-border-width:1px;
--button-secondary-radius:9999px;
--button-secondary-hover-transform:none;
--button-secondary-hover-shadow:none;
--button-secondary-icon:url('https://www.ampalmenweg.ch/wp-content/uploads/2026/03/arrow-right.svg');
--icon-color:#ffffff;
--icon-color-hover:#ffffff;
--icon-background-color:var(--color_secondary);
--icon-background-color-hover:var(--secondary-600);
--icon-radius:0px;
--type-global-family:"Plus Jakarta Sans";
--type-global-line-height:1.2;
--type-global-letter-spacing:0em;
--type-global-word-spacing:0em;
--type-body-family:"Plus Jakarta Sans";
--type-body-size:clamp(16px, 0.4vw + 14px, 20px);
--type-body-weight:300;
--type-body-transform:none;
--type-body-style:normal;
--type-body-decoration:none;
--type-body-line-height:1.5;
--type-body-letter-spacing:0em;
--type-body-word-spacing:0em;
--type-h1-family:"Plus Jakarta Sans";
--type-h1-size:clamp(18px, 1.2vw + 12px, 28px);
--type-h1-weight:500;
--type-h1-transform:none;
--type-h1-style:normal;
--type-h1-decoration:none;
--type-h1-line-height:1.3;
--type-h1-letter-spacing:0em;
--type-h1-word-spacing:0em;
--type-h2-family:"Plus Jakarta Sans";
--type-h2-size:clamp(32px, 2.5vw + 12px, 47px);
--type-h2-weight:550;
--type-h2-transform:none;
--type-h2-style:normal;
--type-h2-decoration:none;
--type-h2-line-height:1.1;
--type-h2-letter-spacing:0em;
--type-h2-word-spacing:0em;
--type-h3-family:"Plus Jakarta Sans";
--type-h3-size:clamp(26px, 1.8vw + 16px, 40px);
--type-h3-weight:400;
--type-h3-transform:none;
--type-h3-style:normal;
--type-h3-decoration:none;
--type-h3-line-height:1.2;
--type-h3-letter-spacing:0em;
--type-h3-word-spacing:0em;
--type-h4-family:"Plus Jakarta Sans";
--type-h4-size:clamp(18px, 0.8vw + 14px, 26px);
--type-h4-weight:300;
--type-h4-transform:none;
--type-h4-style:normal;
--type-h4-decoration:none;
--type-h4-line-height:1.3;
--type-h4-letter-spacing:0em;
--type-h4-word-spacing:0em;
--type-h5-family:"Plus Jakarta Sans";
--type-h5-size:clamp(18px, 0.8vw + 15px, 24px);
--type-h5-weight:600;
--type-h5-transform:none;
--type-h5-style:normal;
--type-h5-decoration:none;
--type-h5-line-height:1.1;
--type-h5-letter-spacing:0em;
--type-h5-word-spacing:0em;
--type-h6-family:"Plus Jakarta Sans";
--type-h6-size:clamp(10px, 0.6vw + 10px, 20px);
--type-h6-weight:200;
--type-h6-transform:none;
--type-h6-style:normal;
--type-h6-decoration:none;
--type-h6-line-height:1.1;
--type-h6-letter-spacing:0.2em;
--type-h6-word-spacing:0em;
--type-display-family:"Plus Jakarta Sans";
--type-display-size:clamp(72px, 8vw, 140px);
--type-display-weight:200;
--type-display-transform:none;
--type-display-style:normal;
--type-display-decoration:none;
--type-display-line-height:1;
--type-display-letter-spacing:-0.02em;
--type-display-word-spacing:0em;
--site-logo:url("https://www.ampalmenweg.ch/wp-content/uploads/2026/03/FREITAG-IMMO-Logo.svg");
--site-logo-secondary:url("https://www.ampalmenweg.ch/wp-content/uploads/2026/03/FREITAG-IMMO-Logo-secondary-1.jpg");
--dt-header-h:clamp(52px,4.7vw,81px);
}
