:root{
  /* Цвет */
  --ss-ink:#0e1c20;
  --ss-ink-2:#233c40;
  --ss-body:#3f5457;
  --ss-muted:#5b6b6e;
  --ss-muted-2:#7c8b8d;
  --ss-muted-3:#8b9a9c;

  --ss-brand:#12454f;
  --ss-brand-dark:#0d353d;
  --ss-brand-soft:#dfe9e8;
  --ss-brand-on-dark:#b9d2d4;
  --ss-brand-on-dark-2:#c2d9db;
  --ss-brand-hairline:#7fb3b8;

  --ss-accent:#c4551a;
  --ss-accent-dark:#a94714;

  --ss-real:#1f6b46;
  --ss-real-bg:#e2f1e7;

  --ss-page:#f5f7f6;
  --ss-surface:#ffffff;
  --ss-surface-2:#f2f5f4;
  --ss-line:#e2e8e8;
  --ss-line-2:#eef2f2;
  --ss-line-3:#dbe3e3;
  --ss-input-line:#d3dcdc;

  /* Типографика */
  --ss-font-display:"Manrope",system-ui,sans-serif;
  --ss-font-text:"Golos Text",system-ui,sans-serif;

  /* Геометрия */
  --ss-container:1240px;
  --ss-pad-x:40px;
  --ss-r-xs:6px;
  --ss-r-sm:9px;
  --ss-r-md:12px;
  --ss-r-lg:14px;
  --ss-r-xl:16px;

  /* Тени */
  --ss-shadow-card:0 14px 34px rgba(14,28,32,.09);
  --ss-shadow-form:0 12px 32px rgba(14,28,32,.07);

  --ss-t:.15s ease;
}
@media (max-width:860px){ :root{ --ss-pad-x:16px; } }