/* SOAPERB - modern, fresh, product-led ecommerce aesthetic.
   Bright card, charcoal ink, botanical green accent, soft geometric sans. */

:root {
  --ink: #16211c;
  --ink-2: #55655c;
  --ink-3: #93a099;
  --card: #ffffff;
  --canvas: #dce7e0;
  --tint: #f2f7f4;
  --line: rgba(22, 33, 28, 0.09);
  --accent: #2f7d5b;
  --accent-ink: #ffffff;
  --accent-soft: rgba(47, 125, 91, 0.10);

  --font-display: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --tracking-display: -0.04em;

  --t-name: clamp(1.7rem, 1.35rem + 1.6vw, 2.15rem);
  --r-sm: 12px;
  --r-md: 16px;
  --r-lg: 20px;
}

/* Wordmark brand - the name itself carries the identity */
.head__name { font-weight: 700; letter-spacing: 0.02em; text-transform: uppercase; }
.head__logo { border-radius: 20px; }
.head__logo--mono { font-weight: 700; letter-spacing: 0.02em; }

.head__category { font-weight: 600; }
.head__tagline { font-size: 0.9rem; }

.act { background: var(--tint); }
.svc { background: var(--tint); }
.gal__item { border-radius: 12px; }
.connect h2 { font-weight: 700; }