/* Shared PayPage palette and six type sizes. */
:root{
  --pay-bg-deep: #090a0b;
  --pay-bg: #0d0e10;
  --pay-bg-inset: #111316;
  --pay-surface-low: #141618;
  --pay-surface: #17191c;
  --pay-control: #202328;
  --pay-hover: #282d33;
  --pay-line-subtle: #25292f;
  --pay-line: #30343a;
  --pay-line-strong: #454c56;
  --pay-icon-muted: #959eaa;
  --pay-text-quiet: #959eaa;
  --pay-text-muted: #a0a6af;
  --pay-text-soft: #c4cad2;
  --pay-text: #f0f1f2;
  --pay-white: #ffffff;
  --pay-black: #000000;
  --pay-amber: #e4c693;
  --pay-amber-light: #eed8b4;
  --pay-amber-text: #dcc49a;
  --pay-mint: #abceb7;
  --pay-blue: #b4c4e5;
  --pay-lilac: #c9bbdf;
  --pay-red: #e7b1b3;
  --pay-green-soft: #1d2a23;
  --pay-blue-soft: #1b2534;
  --pay-lilac-soft: #27232d;
  --pay-amber-soft: #2d281f;
  --pay-warm-gray: #a0a6af;
  --pay-slate: #202328;
  --pay-raised: #252a31;
  --pay-action-ink:#111316;
  /* Акцент PayPage (оператор 29.09): яркий сине-индиговый — кнопки, полосы, выделение, рамка ожидания.
     accent — текст и края адреса («ссылочный» синий, 6.96:1 на #17191c); accent-fill — заливка кнопки
     (белые чернила 4.84:1); select — фон выделения (белый текст 7.71:1). */
  --pay-accent:#8f9bff;--pay-accent-hover:#aab3ff;--pay-accent-fill:#4f5dff;--pay-accent-fill-hover:#4351f0;--pay-accent-ink:#ffffff;
  --pay-accent-soft:#1c2150;--pay-accent-line:#5663e0;--pay-accent-select:#3a45b8;
  --pay-warning-fill:#f2c94c;--pay-warning-ink:#1a1407;
  --pay-focus:#d4d9e1;
  --pay-type-small:12px;
  --pay-type-body:14px;
  --pay-type-reading:16px;
  --pay-type-heading-small:18px;
  --pay-type-title:24px;
  --pay-type-display:32px;
}

:root[data-theme=light]{
 color-scheme:light;
 --pay-action-ink:#ffffff;--pay-focus:#454c56;
 /* Акцент светлой темы: #3645d1 на белом 7.17:1, заливка #3f4fe6 под белыми чернилами 6.05:1. */
 --pay-accent:#3645d1;--pay-accent-hover:#2c39b5;--pay-accent-fill:#3f4fe6;--pay-accent-fill-hover:#3645d1;--pay-accent-ink:#ffffff;
 --pay-accent-soft:#eceeff;--pay-accent-line:#8d97ef;--pay-accent-select:#c7cdff;
 --pay-warning-fill:#fbe3a1;--pay-warning-ink:#5b3a00;
 --pay-bg-deep:#edf0f3;--pay-bg:#f6f7f9;--pay-bg-inset:#eef1f4;
 --pay-surface-low:#f4f6f8;--pay-surface:#ffffff;--pay-control:#edf1f5;--pay-hover:#e3e9ef;
 --pay-line-subtle:#e5e9ee;--pay-line:#d0d8e1;--pay-line-strong:#98a6b5;
 --pay-icon-muted:#5b6b7e;--pay-text-quiet:#5a6878;--pay-text-muted:#526171;--pay-text-soft:#374351;--pay-text:#20252d;
 --pay-amber:#855409;--pay-amber-light:#6f4508;--pay-amber-text:#79520e;
 --pay-mint:#276043;--pay-blue:#245ea0;--pay-lilac:#7243a0;--pay-red:#a73746;
 --pay-green-soft:#eaf5ef;--pay-blue-soft:#ebf2fb;--pay-lilac-soft:#f2ecf9;--pay-amber-soft:#fff5e2;
 --pay-warm-gray:#526171;--pay-slate:#f2f5f8;--pay-raised:#eef1f4;
}
:root[data-theme=dark]{color-scheme:dark}