/* Guap Media — radii, borders, shadows, blur, filters (values from the website CSS). */
:root {
  /* Radii */
  --gm-radius-3: 3px; /* @kind radius */        /* service blocks, testimonials, breadcrumb, social icons, tags, cookie bar */
  --gm-radius-4: 4px; /* @kind radius */        /* buttons, trust badges, highlight spans */
  --gm-radius-5: 5px; /* @kind radius */        /* search field, error message */
  --gm-radius-6: 6px; /* @kind radius */        /* pricing screenshots, contact form panel */
  --gm-radius-chip: 12px; /* @kind radius */    /* .sb_lane benefit chips */
  --gm-radius-card: 1rem; /* @kind radius */    /* pricing cards, footer option cards, configurator card */
  --gm-radius-card-base: 1vw; /* @kind radius *//* .card-container base (overridden to 1rem in use) */
  --gm-radius-cfg: .5rem; /* @kind radius */    /* configurator option cards, footer icon frame */
  --gm-radius-cfg-small: .25rem; /* @kind radius */ /* tooltip, cfg tags, cfg fields */
  --gm-radius-cfg-button: .375rem; /* @kind radius */
  --gm-radius-teaser-image: .75rem; /* @kind radius */
  --gm-radius-pill-photo: 30rem; /* @kind radius */ /* founder photo on Kontakt */
  --gm-radius-round: 100%; /* @kind radius */   /* team + testimonial photos */
  --gm-radius-xxl-band: 80px; /* @kind radius *//* work band at ≥1920px */

  /* Borders */
  --gm-border-hairline: 1px solid #e1e1e1; /* @kind other */
  --gm-border-card: 1px solid #eee; /* @kind other */
  --gm-border-button: 1px solid #f0f0f0; /* @kind other */
  --gm-border-input: 1px solid #e4e4e4; /* @kind other */
  --gm-border-image-frame: 2px solid #f5f5f5; /* @kind other */
  --gm-border-footer-card: .5px solid #313131; /* @kind other */
  --gm-border-footer-icon: 2px solid #bebebe; /* @kind other */
  --gm-border-footer-connector: 3px solid #313131; /* @kind other */
  --gm-border-process-icon: 1px solid #e6e6f3; /* @kind other */  /* inactive step; active 1px #141414 */
  --gm-border-chip: 1px solid #ebebeb; /* @kind other */
  --gm-outline-tooltip: 2px dashed #e4e4e4; /* @kind other */
  --gm-outline-cfg: 1px solid #e3e3e3; /* @kind other */

  /* Shadows — all very soft, large-blur, low-alpha */
  --gm-shadow-navbar: 0 16px 25px #00000008; /* @kind shadow */
  --gm-shadow-breadcrumb: 0 15px 25px #00000008; /* @kind shadow */
  --gm-shadow-cookies: 0 15px 25px #0000000d; /* @kind shadow */
  --gm-shadow-search: 0 16px 25px #0000000d; /* @kind shadow */
  --gm-shadow-tooltip: 0 4px 40px #98989829; /* @kind shadow */
  --gm-shadow-cfg-button-hover: 0 4px 12px #0003; /* @kind shadow */
  --gm-shadow-teaser-step: 0 2px 4px #0000001a; /* @kind shadow */

  /* Blur */
  --gm-blur-overlay: blur(4px); /* @kind other */  /* configurator backdrop + skip overlay */
  --gm-blur-tooltip: blur(5px); /* @kind other */

  /* Filters */
  --gm-filter-icon-gray: grayscale(); /* @kind other */                                   /* service + process icons */
  --gm-filter-stars: brightness(200%) contrast(200%) hue-rotate() grayscale(); /* @kind other */ /* + opacity .33 */
  --gm-filter-invert: invert(); /* @kind other */                                         /* play icon, footer social on hover */
}