/*
 * Дизайн-токены редизайна 2026 (handoff «Redizain SharingsSMS»).
 * Только определения переменных — ни одного правила, применяющего их.
 * Файл можно подключать на прод в любой момент: он ничего не меняет,
 * пока верстка секции не начнёт ссылаться на var(--ss-*).
 */
:root {
  /* Поверхности */
  --ss-bg:            #FCFBFD;
  --ss-surface:       #FFFFFF;
  --ss-wash:          #F6F3FA;
  --ss-wash-light:    #FAF8FD;

  /* Текст */
  --ss-ink:           #191223;
  --ss-body:          #3D3350;
  --ss-body-soft:     #5E5476;
  --ss-muted:         #6B6285;
  --ss-muted-2:       #7A7194;
  --ss-muted-3:       #8F87A5;
  --ss-link-idle:     #4B4162;

  /* Линии */
  --ss-hairline:      #E4DEEE;
  --ss-hairline-soft: #EAE5F2;
  --ss-input-border:  #DFD8EC;
  --ss-border-strong: #D8D0E8;
  --ss-border-hover:  #B9A9D8;

  /* Акцент */
  --ss-accent:        #7C3FD4;
  --ss-accent-deep:   #6A2FC2;
  --ss-accent-darkest:#4B1E96;
  --ss-accent-tint:   #EFEAF7;
  --ss-accent-tint-2: #F3EDFC;
  --ss-accent-grad:   linear-gradient(150deg, #8B4FE0, #6A2FC2);

  /* Статусы */
  --ss-success:       #0E8F6E;
  --ss-success-deep:  #17795F;
  --ss-warning:       #C68A0E;
  --ss-warning-text:  #6E4A05;
  --ss-warning-label: #8A6A15;
  --ss-warning-wash:  #FFF8E8;
  --ss-telegram:      #1E7FC2;

  /* Радиусы */
  --ss-r-pill:  999px;
  --ss-r-lg:    20px;
  --ss-r-card:  18px;
  --ss-r-tile:  14px;
  --ss-r-btn:   12px;
  --ss-r-input: 11px;
  --ss-r-nav:   10px;
  --ss-r-chip:   7px;

  /* Раскладка */
  --ss-max-wide:    1200px;
  --ss-max-content: 1000px;
  --ss-max-auth:     460px;
  --ss-pad-x:       clamp(20px, 4vw, 32px);
  --ss-pad-x-head:  clamp(16px, 4vw, 32px);
  --ss-sec-y:       clamp(56px, 8vw, 104px);
  --ss-hero-y:      clamp(56px, 9vw, 96px);
  --ss-gap-card:    20px;
  --ss-gap-tight:   16px;

  /* Тени — на контентных поверхностях их нет. Только эти две. */
  --ss-shadow-dropdown: 0 18px 40px -14px rgba(25,18,35,.28);
  --ss-shadow-thumb:    0 2px 8px rgba(124,63,212,.35);
}