/* Токены страницы «Печатает…». */

:root {
  /* ---------- шрифты ---------- */
  --font-display: "Unbounded", sans-serif;
  --font-text: "Manrope", system-ui, sans-serif;

  --weight-text: 500;
  --weight-strong: 600;
  --weight-label: 700;
  --weight-h1: 500;
  --weight-h2: 600;

  /* ---------- шкала кеглей ---------- */
  --text-h1: 48px;   --leading-h1: 1.3;
  --text-h2: 34px;   --leading-h2: 1.4;
  --text-h3: 24px;   --leading-h3: 1.3;
  --text-h4: 20px;   --leading-h4: 1.3;
  --text-h5: 18px;   --leading-h5: 1.3;
  --text-lead: 20px; --leading-lead: 32px;
  --text-body-lg: 18px; --leading-body-lg: 1.5;
  --text-body: 16px; --leading-body: 1.55;
  --text-button-lg: 20px;
  --text-button: 16px;
  --text-tab: 18px;  --leading-tab: 1.2;
  --pad-tab: 10px 18px;
  --text-nav: 15px;  --leading-nav: 40px;
  --text-small: 14px; --leading-small: 18px;
  --text-chip: 13px;
  --text-badge: 12px;
  --text-price: 30px; --leading-price: 1.55;

  --tracking: normal;
  --tracking-tag: .02em;

  /* ---------- цвет: чернила ---------- */
  --ink: #050222;
  --ink-strong: #1c1c1c;
  --ink-2: #424242;
  --ink-3: #727272;
  --ink-logo: #8c8c8c;
  --ink-on-dark: #ffffff;

  /* ---------- цвет: поверхности и линии ---------- */
  --surface: #ffffff;
  --surface-2: #f9fafb;
  --surface-3: #f3f4f6;
  --control: #eceef1;
  --control-hover: #e5e7eb;
  --control-dark: #1f2023;
  --control-white-hover: #f0f0f0;
  --line: #e5e7eb;
  --line-2: #d1d5dc;
  --tint: #edf1ff;
  --tint-2: #f7f9ff;
  --tint-frame: #edf1ff55;
  --table-head: #f6f8ff;
  --row-hover: #fafbfe;
  --row-selected: #eff6ff;

  /* ---------- цвет: акцент ---------- */
  --accent-50: #edf3ff;
  --accent-100: #deeaff;
  --accent-200: #c3d8ff;
  --accent-300: #9fbcff;
  --accent-400: #7997ff;
  --accent-500: #4c66fa;
  --accent-600: #3b47f0;
  --accent-700: #2e36d4;
  --accent-800: #2831ab;
  --accent-900: #293286;
  --accent-950: #181c4e;
  --accent: var(--accent-500);
  --accent-soft: var(--accent-400);
  --accent-link: #516cff;
  --accent-focus: #cdd2ff;

  /* ---------- цвет: серая шкала ---------- */
  --gray-50: #f9fafb;  --gray-100: #f3f4f6; --gray-150: #eceef1; --gray-200: #e5e7eb;
  --gray-300: #d1d5dc; --gray-400: #99a1af; --gray-500: #6a7282; --gray-600: #4a5565;
  --gray-700: #364153; --gray-800: #1e2939; --gray-900: #101828;

  /* ---------- цвет: второй акцент и состояния ---------- */
  --lime: #e0fb37;
  --lime-marker: #ddfa1b;
  --success: #18cf7d;
  --success-bg: #effef7;
  --warning: #fc9d04;
  --danger: #dd2c53;
  --pain-line: #faa7b1;
  --pain-fill: rgb(247 117 136 / .07);

  /* ---------- цвет: пастели боксов ---------- */
  --pastel-lavender: #eeedff;
  --pastel-pink: #fff1f8;
  --pastel-mint: #e1ffe6;
  --pastel-peach: #fff5ed;
  --pastel-sky: #edfbff;

  /* ---------- цвет: статусы ---------- */
  --status-open: #ffc89a;    --status-open-bg: #fff7ef;    --status-open-ink: #5f4323;
  --status-click: #d09aff;   --status-click-bg: #f5f0ff;   --status-click-ink: #2d1a51;
  --status-sent: #9aaaff;    --status-sent-bg: #ebecfd;    --status-sent-ink: #26297a;
  --status-reply: #9affc4;   --status-reply-bg: #ebfdee;   --status-reply-ink: #267a41;
  --status-bounce: #ff9090;  --status-bounce-bg: #fdebeb;  --status-bounce-ink: #7a2626;

  --badge-blue-ink: #516cff;  --badge-blue-bg: #d6e1fc;
  --badge-red-ink: #ff000d;   --badge-red-bg: #fcd6d6;

  /* ---------- градиенты и маски ---------- */
  --gradient-stage: linear-gradient(180deg, #b8cafc, #a097f0);
  --mask-fade-down: linear-gradient(180deg, transparent 0, rgb(0 0 0 / .4));
  --gradient-text: linear-gradient(90deg, #637bff, #b875ff);
  --blob-a: #3a64f8;
  --blob-b: #e0fb37;
  --blob-size: 350px;
  --blob-blur: 30rem;

  /* ---------- стекло ---------- */
  --glass-bg: rgb(231 231 231 / .4);
  --glass-line: rgb(255 255 255 / .3);
  --glass-blur: 5px;
  --header-blur: 10px;

  /* ---------- радиусы ---------- */
  --radius-xs: 4px;
  --radius-sm: 6px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-card-sm: 15px;
  --radius-xl: 16px;
  --radius-2xl: 20px;
  --radius-panel: 24px;
  --radius-frame: 30px;
  --radius-pill: 100px;

  /* ---------- обводки ---------- */
  --border: 1px solid var(--line);
  --border-2: 2px solid var(--line);
  --outline-selected: 2px solid var(--accent-link);
  --border-step: 2px solid var(--accent-400);
  --border-glass: 1px solid var(--glass-line);
  --border-dashed: 1.5px dashed var(--accent-400);

  /* ---------- тени ---------- */
  --shadow-landing: none;
  --shadow-window: 0 14px 40px #1c1c1c0f;
  --shadow-popover: 0 7px 16px #40548621;
  --shadow-card-flat: 0 1px 2px #0000000d;
  --shadow-soft: 0 4px 20px #223c500d;
  --shadow-soft-2: 0 4px 20px #223c501a;
  --shadow-base: 0 1px 7px #223c5033;
  --shadow-dark: 0 3px 15px #223c5040;
  --shadow-play: 0 4px 30px #0000001a;

  /* ---------- раскладка ---------- */
  --container: 1140px;
  --gutter: 15px;
  --header-h: 66px;
  --section-gap: 120px;
  --heading-gap: 50px;
  --heading-gap-cases: 60px;
  --steps-gap: 70px;
  --hero-pad-top: 146px;
  --grid-gap: 24px;
  --grid-gap-cases: 30px;
  --grid-gap-cards: 20px;
  --tabs-gap: 16px;
  --pad-card: 32px;
  --pad-card-lg: 40px;
  --pad-box: 28px;
  --pad-card-sm: 20px;
  --pad-cta: 60px 64px;
  --pad-glass: 10px;
  --text-max: 980px;
  --text-max-cta: 840px;

  /* ---------- движение: кривые ---------- */
  --ease-out: ease-out;
  --ease-in-out: ease-in-out;
  --ease: ease;
  --ease-in: ease-in;
  --ease-linear: linear;
  --ease-toast-in: cubic-bezier(.21, 1.02, .73, 1);
  --ease-toast-out: cubic-bezier(.06, .71, .55, 1);
  --ease-pop: cubic-bezier(.175, .885, .32, 1.275);

  /* ---------- движение: длительности ---------- */
  --dur-instant: .1s;
  --dur-fast: .15s;
  --dur-card: .2s;
  --dur-arrow: .25s;
  --dur-swap: .3s;
  --dur-toast-in: .35s;
  --dur-toast-out: .4s;
  --dur-header: .4s;
  --dur-reveal: .5s;
  --dur-tooltip: .5s;
  --dur-skeleton: 2s;
  --dur-marquee: 45s;
  --toast-life: 5000ms;

  /* ---------- движение: расстояния и каскад ---------- */
  --reveal-shift-y: 40px;
  --reveal-shift-x: 50px;
  --reveal-scale: .85;
  --reveal-threshold: .1;
  --stagger: 100ms;
  --stagger-block: 200ms;
  --lift: -4px;
  --dim-hover: .7;
  --dim-logo: .6;
  --dialog-scale-from: .9;
  --marquee-item-gap: 80px;

  /* ---------- слои ---------- */
  --z-header: 1000;
  --z-dialog: 1003;
  --z-cookie: 10000;
}

/* один брейкпоинт, desktop-first */
@media (max-width: 768px) {
  :root {
    --text-h1: 30px;
    --text-h2: 24px;
    --text-h3: 20px;
    --text-h4: 18px;
    --text-lead: 16px;  --leading-lead: 26px;
    --text-body-lg: 16px;
    --text-button-lg: 16px;
    --text-tab: 15px;
    --header-h: 54px;
    --section-gap: 80px;
    --heading-gap: 40px;
    --heading-gap-cases: 40px;
    --pad-tab: 6px 12px;
    --blob-size: 150px;
    --steps-gap: 40px;
    --hero-pad-top: 100px;
    --pad-card: 20px;
    --pad-card-lg: 20px;
    --pad-box: 20px;
    --pad-cta: 30px 20px;
    --grid-gap-cases: 16px;
    --marquee-item-gap: 40px;
    --blob-blur: 120px;
  }
}

/* без движения: гасим все длительности и сдвиги */
@media (prefers-reduced-motion: reduce) {
  :root {
    --dur-instant: 0s; --dur-fast: 0s; --dur-card: 0s; --dur-arrow: 0s; --dur-swap: 0s;
    --dur-toast-in: 0s; --dur-toast-out: 0s; --dur-header: 0s; --dur-reveal: 0s; --dur-tooltip: 0s;
    --reveal-shift-y: 0px; --reveal-shift-x: 0px; --lift: 0px;
  }
}