/* Клиентская база Ethel Store — generated from tokens.json */
:root, [data-theme="light"] {
  --ink: #3E393A;
  --ink-strong: #2F2B2C;
  --ink-2: #544E58;
  --ink-muted: #6E6874;
  --ink-subtle: #7A7578;
  --ink-faint: #8C8790;
  --ink-placeholder: #B4B0B6;
  --on-ink: #FFFFFF;
  --surface-page: #F7F7F8;
  --surface: #FFFFFF;
  --surface-field: #FAFAFB;
  --surface-sunken: #F4F3F6;
  --skeleton: #EFEEF1;
  --lilac: #D9D7E1;
  --lilac-light: #EBEAF0;
  --lilac-deep: #BBBBC7;
  --line: #E4E3E7;
  --line-control: #DEDCE2;
  --line-field: #DCDBDF;
  --line-soft: #EFEEF1;
  --line-dashed: #C9C6CE;
  --focus: #3E393A;
  --disabled-bg: #E4E3E7;
  --disabled-ink: #96919A;
  --danger: #9C4F4A;
  --danger-bg: #F6EAE9;
  --danger-line: #E4CFCD;
  --danger-ink: #7C4643;
  --danger-field: #C08A86;
  --status-helped: #2F5560;
  --status-helped-bg: #E6EEF0;
  --status-helped-line: #C6D8DD;
  --status-partial: #55497A;
  --status-partial-bg: #EDEBF5;
  --status-partial-line: #D6D1E8;
  --overlay: rgba(62,57,58,.42);
  --overlay-strong: rgba(30,27,28,.55);
  --shadow-hairline: 0 1px 2px rgba(62,57,58,.03);
  --shadow-pop: 0 10px 30px rgba(62,57,58,.18);
  --shadow-panel: 0 24px 60px rgba(30,27,28,.32);
  --shadow-toast: 0 10px 30px rgba(62,57,58,.3);
}
:root {
  --space-4: 4px;
  --space-6: 6px;
  --space-8: 8px;
  --space-10: 10px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-48: 48px;
  --radius-xs: 6px;
  --radius-sm: 9px;
  --radius-md: 10px;
  --radius-lg: 12px;
  --radius-card: 14px;
  --radius-xl: 16px;
  --radius-sheet: 18px;
  --radius-pill: 20px;
  --control-sm: 36px;
  --control: 44px;
  --control-lg: 48px;
  --thumb-xs: 32px;
  --thumb-s: 48px;
  --thumb-m: 64px;
  --thumb-l: 96px;
  --avatar: 40px;
  --sidebar: 240px;
  --content-max: 1200px;
  --panel: 760px;
  --panel-preview: 420px;
  --tabbar: 64px;
  --font-sans: Manrope, "Helvetica Neue", Arial, sans-serif;
}
.t-display { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 800; letter-spacing: -0.03em; }
.t-title { font-family: var(--font-sans); font-size: 24px; line-height: 30px; font-weight: 700; letter-spacing: -0.025em; }
.t-heading { font-family: var(--font-sans); font-size: 17px; line-height: 24px; font-weight: 700; letter-spacing: -0.01em; }
.t-card-title { font-family: var(--font-sans); font-size: 15px; line-height: 21px; font-weight: 700; letter-spacing: -0.01em; }
.t-body { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 400; }
.t-body-strong { font-family: var(--font-sans); font-size: 14px; line-height: 22px; font-weight: 600; }
.t-small { font-family: var(--font-sans); font-size: 13px; line-height: 19px; font-weight: 400; }
.t-caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; }
.t-eyebrow { font-family: var(--font-sans); font-size: 11px; line-height: 14px; font-weight: 700; letter-spacing: 0.14em; }
.t-button { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 700; }
.t-num { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.t-price { font-family: var(--font-sans); font-size: 18px; line-height: 24px; font-weight: 800; }
.t-stat { font-family: var(--font-sans); font-size: 22px; line-height: 28px; font-weight: 800; letter-spacing: -0.02em; }
.t-protocol-title { font-family: var(--font-sans); font-size: 30px; line-height: 36px; font-weight: 700; letter-spacing: -0.02em; }
.t-protocol-row { font-family: var(--font-sans); font-size: 15px; line-height: 20px; font-weight: 800; letter-spacing: 0.06em; }
.t-protocol-body { font-family: var(--font-sans); font-size: 16px; line-height: 24px; font-weight: 500; }
.t-protocol-note { font-family: var(--font-sans); font-size: 13px; line-height: 18px; font-weight: 500; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-Bold.ttf') format('truetype'); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: 'Manrope'; src: url('fonts/Manrope-ExtraBold.ttf') format('truetype'); font-weight: 800; font-style: normal; font-display: swap; }