/* =============================================================================
   Design tokens — из @es/ui-kit/src/theme/palette.ts и typography.ts
   При миграции на прод этот файл не нужен — используется тема MUI из UI-kit.
   ============================================================================= */

:root {
  /* ---------- Brand (primary actions) ---------- */
  --color-brand-50:  #FFFAFB;
  --color-brand-75:  #FFF2F4;
  --color-brand-100: #FDE3E8;
  --color-brand-200: #F9BFCF;
  --color-brand-300: #FD9EB5;
  --color-brand-400: #F5687F;
  --color-brand-500: #e73250;
  --color-brand-600: #cf0a2c;
  --color-brand-700: #aa172f;
  --color-brand-800: #91182c;
  --color-brand-900: #7a1a2a;

  /* ---------- Neutral ---------- */
  --color-neutral-0:   #FFFFFF;
  --color-neutral-15:  #FAFBFD;
  --color-neutral-30:  #F7F8FB;
  --color-neutral-40:  #EFF2F7;
  --color-neutral-45:  #EAEDF3;
  --color-neutral-50:  #E6E9EF;
  --color-neutral-60:  #DEE2E9;
  --color-neutral-65:  #D8DCE4;
  --color-neutral-70:  #D2D6DE;
  --color-neutral-80:  #C5C9D2;
  --color-neutral-90:  #B8BCC6;
  --color-neutral-100: #AFB3BD;
  --color-neutral-120: #A8ADB4;
  --color-neutral-150: #9EA3AB;
  --color-neutral-200: #8E939B;
  --color-neutral-300: #737880;
  --color-neutral-400: #5A5E65;
  --color-neutral-500: #45484E;
  --color-neutral-600: #35383D;
  --color-neutral-700: #2B2D30;
  --color-neutral-800: #212124;
  --color-neutral-900: #1A1B1D;

  /* ---------- Text ---------- */
  --color-text-primary:    #212124;
  --color-text-secondary:  #5A5E65;
  --color-text-tertiary:   #737880;
  --color-text-quaternary: #9EA3AB;
  --color-text-contrast:   #FFFFFF;

  /* ---------- Success ---------- */
  --color-success-50:  #F0FAF4;
  --color-success-75:  #E0FBEB;
  --color-success-100: #CCF6DC;
  --color-success-200: #B4EAC9;
  --color-success-500: #4ABF85;
  --color-success-600: #00824A;
  --color-success-700: #00592D;

  /* ---------- Warning ---------- */
  --color-warning-50:  #FFF7F2;
  --color-warning-75:  #FFF0E6;
  --color-warning-100: #FFE9DA;
  --color-warning-200: #FFD8BE;
  --color-warning-500: #E97A3D;
  --color-warning-600: #D15A1A;
  --color-warning-700: #A63C00;

  /* ---------- Error ---------- */
  --color-error-50:  #FFF1EF;
  --color-error-75:  #FFE7E3;
  --color-error-100: #FFDED9;
  --color-error-500: #E02020;
  --color-error-600: #C81414;
  --color-error-700: #A30E0E;

  /* ---------- Info ---------- */
  --color-info-50:  #F6F6FF;
  --color-info-75:  #ECF0FF;
  --color-info-100: #E2E6FF;
  --color-info-200: #C9D0FF;
  --color-info-500: #7081E5;
  --color-info-700: #3B47B8;
  --color-info-800: #2E3192;

  /* ---------- Accent (lavender/mint/cobalt/coral) для chip ---------- */
  --color-lavender-100: #F8F1FF;
  --color-lavender-500: #DFBFFF;
  --color-lavender-800: #7758B5;
  --color-mint-100:     #D7FFE8;
  --color-mint-500:     #49A882;
  --color-mint-800:     #1A6145;
  --color-cobalt-100:   #F3F8FF;
  --color-cobalt-500:   #B3CCFF;
  --color-cobalt-800:   #2F5DB3;
  --color-coral-100:    #FFF0EF;
  --color-coral-500:    #F6AEAB;
  --color-coral-800:    #B5433F;

  /* ---------- Typography ---------- */
  --font-family: 'TT Norms Pro', 'Roboto', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  --fs-titleL:   32px;  --lh-titleL:   40px;
  --fs-titleM:   24px;  --lh-titleM:   28px;
  --fs-titleS:   20px;  --lh-titleS:   24px;
  --fs-subtitleM:16px;  --lh-subtitleM:20px;
  --fs-subtitleS:14px;  --lh-subtitleS:26px;
  --fs-bodyM:    16px;  --lh-bodyM:    24px;
  --fs-bodyS:    14px;  --lh-bodyS:    20px;
  --fs-captionL: 12px;  --lh-captionL: 16px;
  --fs-captionM: 11px;  --lh-captionM: 16px;
  --fw-regular:  400;
  --fw-medium:   500;
  --fw-semibold: 700;

  /* ---------- Radius (из MuiButton size) ---------- */
  --radius-xs: 4px;
  --radius-s:  6px;
  --radius-m:  8px;
  --radius-l:  10px;
  --radius-xl: 12px;

  /* ---------- Spacing ---------- */
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* ---------- Shadow ---------- */
  --shadow-sm: 0 1px 2px rgba(33,33,36,0.06), 0 1px 3px rgba(33,33,36,0.08);
  --shadow-md: 0 4px 8px rgba(33,33,36,0.06), 0 2px 4px rgba(33,33,36,0.04);
  --shadow-lg: 0 12px 24px rgba(33,33,36,0.08), 0 4px 8px rgba(33,33,36,0.04);

  /* ---------- Focus ---------- */
  --focus-ring: 2px solid #7081E5;
  --focus-offset: 2px;
}

/* TT Norms Pro не свободный шрифт — на проде подключается через @es/ui-kit.
   В прототипе fallback на Roboto/system. */