/* Токены дизайн-системы «Аспро ID».
   Скопированы из сборки id-ds.fldev.ru, значения не менялись.
   Обновление: пересобрать из свежей сборки системы, руками цвета не правим. */

:root {
  /* нейтральные */
  --neutral-950:#09090b; --neutral-900:#18181b; --neutral-800:#27272a; --neutral-750:#323238;
  --neutral-700:#3f3f46; --neutral-600:#52525b; --neutral-500:#71717a; --neutral-450:#888892;
  --neutral-400:#a1a1aa; --neutral-300:#d4d4d8; --neutral-200:#e4e4e7; --neutral-150:#ececed;
  --neutral-100:#f4f4f5; --neutral-50:#fafafa;  --neutral-white:#fff;

  /* синий */
  --blue-950:#0d121f; --blue-900:#0f1a34; --blue-800:#12255e; --blue-700:#173190;
  --blue-600:#1a40c7; --blue-550:#274fd5; --blue-500:#3761e9; --blue-400:#5d86f1;
  --blue-300:#8aabf8; --blue-200:#b8cdfd; --blue-150:#c9dafe; --blue-100:#dbe7ff;
  --blue-50:#edf3ff;  --blue-25:#f5f8ff;

  /* красный */
  --red-950:#190a0c; --red-900:#2c0c0f; --red-800:#510b12; --red-700:#810913;
  --red-600:#b80510; --red-550:#cf020d; --red-500:#e7000b; --red-400:#ff474d;
  --red-300:#ff8081; --red-200:#ffb4b3; --red-150:#ffc6c4; --red-100:#ffd8d6;
  --red-50:#ffeceb;  --red-25:#fff6f6;

  /* оранжевый */
  --orange-950:#1c0d06; --orange-900:#2e1001; --orange-800:#481a00; --orange-700:#682a00;
  --orange-600:#8f3d00; --orange-550:#a24600; --orange-500:#b85100; --orange-400:#e36500;
  --orange-300:#ff8e4f; --orange-200:#febf9f; --orange-150:#ffd0b8; --orange-100:#ffe0d1;
  --orange-50:#fff0e9;  --orange-25:#fff7f3;

  /* янтарный */
  --amber-950:#190e03; --amber-900:#271400; --amber-800:#3c2300; --amber-700:#583500;
  --amber-600:#784b00; --amber-550:#895700; --amber-500:#9c6300; --amber-400:#c07c01;
  --amber-300:#ed9a00; --amber-200:#ffc277; --amber-150:#ffd29d; --amber-100:#ffe2c0;
  --amber-50:#fff1e0;  --amber-25:#fff7ee;

  /* жёлтый */
  --yellow-950:#151000; --yellow-900:#1f1800; --yellow-800:#312800; --yellow-700:#493c00;
  --yellow-600:#655400; --yellow-550:#736001; --yellow-500:#836e03; --yellow-400:#a28900;
  --yellow-300:#c9aa00; --yellow-200:#edcb2a; --yellow-150:#f3d968; --yellow-100:#fae693;
  --yellow-50:#fdf3cc;  --yellow-25:#fef9e3;

  /* зелёный */
  --green-950:#061308; --green-900:#021e07; --green-800:#00300c; --green-700:#004817;
  --green-600:#006324; --green-550:#00712a; --green-500:#008231; --green-400:#00a03f;
  --green-300:#00c650; --green-200:#74e488; --green-150:#9ceca7; --green-100:#bff3c5;
  --green-50:#e0f9e3;  --green-25:#eefcf0;

  /* бирюзовый */
  --teal-950:#001411; --teal-900:#001d19; --teal-800:#002e29; --teal-700:#01453e;
  --teal-600:#006057; --teal-550:#006e63; --teal-500:#007e72; --teal-400:#009c8d;
  --teal-300:#06c1af; --teal-200:#78decf; --teal-150:#9fe7db; --teal-100:#c1f0e7;
  --teal-50:#e1f7f3;  --teal-25:#effbf9;

  /* голубой */
  --cyan-950:#001318; --cyan-900:#001c23; --cyan-800:#002d36; --cyan-700:#014350;
  --cyan-600:#005e6e; --cyan-550:#006b7e; --cyan-500:#007b90; --cyan-400:#0498b1;
  --cyan-300:#04bcdb; --cyan-200:#73dbf4; --cyan-150:#9be5f7; --cyan-100:#bfeefa;
  --cyan-50:#e0f7fc;  --cyan-25:#eefbfd;

  /* фиолетовый */
  --purple-950:#140e1c; --purple-900:#20122f; --purple-800:#371855; --purple-700:#552183;
  --purple-600:#7927bc; --purple-550:#8a2bd7; --purple-500:#9d34f3; --purple-400:#b264ff;
  --purple-300:#c697ff; --purple-200:#dcc2ff; --purple-150:#e4d2ff; --purple-100:#ede1ff;
  --purple-50:#f6f0ff;  --purple-25:#faf7ff;

  /* розовый */
  --pink-950:#1c0c12; --pink-900:#2d0e1c; --pink-800:#500a2f; --pink-700:#7a0148;
  --pink-600:#a70064; --pink-550:#bd0072; --pink-500:#d70382; --pink-400:#ff2e9f;
  --pink-300:#ff84ba; --pink-200:#febad4; --pink-150:#feccdf; --pink-100:#fedeea;
  --pink-50:#ffeff4;  --pink-25:#fff6f9;

  /* полупрозрачные накладки */
  --color-dark-950:#09090bf5; --color-dark-700:#09090bbd; --color-dark-500:#09090b8a;
  --color-dark-450:#09090b73; --color-dark-300:#09090b33; --color-dark-200:#09090b1a;
  --color-dark-150:#09090b12; --color-dark-100:#09090b0a;
  --color-light-500:#ffffff8a; --color-light-400:#ffffff52; --color-light-300:#fff3;
  --color-light-200:#ffffff1f; --color-light-150:#ffffff12; --color-light-100:#ffffff0a;

  /* типографика */
  --font-sans:Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
  --text-2xs:.625rem;  --text-2xs--lh:.875rem;
  --text-xs:.75rem;    --text-xs--lh:1rem;
  --text-s:.8125rem;   --text-s--lh:1.125rem;
  --text-sm:.875rem;   --text-sm--lh:1.25rem;
  --text-m:.9375rem;   --text-m--lh:1.375rem;
  --text-base:1rem;    --text-base--lh:1.5rem;
  --text-lg:1.125rem;  --text-lg--lh:1.75rem;
  --text-xl:1.25rem;   --text-xl--lh:1.75rem;
  --text-2xl:1.5rem;   --text-2xl--lh:2rem;
  --text-3xl:1.875rem; --text-3xl--lh:2.25rem;
  --font-weight-normal:400; --font-weight-medium:500; --font-weight-semibold:600;

  /* геометрия */
  --radius-xs:4px; --radius-sm:6px; --radius-md:8px; --radius-lg:12px; --radius-xl:20px;
  --ease-in-out:cubic-bezier(.4, 0, .2, 1);
  --duration:.15s;

  /* семантика — светлая тема */
  --color-foreground:var(--neutral-900);
  --color-subtle:var(--neutral-600);
  --color-muted:var(--neutral-450);
  --color-on-fill:var(--neutral-white);
  --color-background:var(--neutral-50);
  --color-surface:var(--neutral-white);
  --color-surface-raised:var(--neutral-white);
  --color-black-bg:var(--neutral-900);
  --color-white-bg-hover:var(--neutral-100);
  --color-white-bg-active:var(--neutral-150);
  --color-white-bg-active-hover:var(--neutral-200);
  --color-grey-strong-bg:var(--neutral-100);
  --color-border:var(--neutral-200);
  --color-border-strong:var(--neutral-300);
  --color-border-opacity:var(--color-dark-200);
  --color-border-strong-opacity:var(--color-dark-300);
  --color-ring:var(--neutral-400);
  --color-border-focus:var(--color-dark-500);
  --color-input-background:var(--neutral-50);
  --color-input-border:var(--neutral-200);
  --color-input-border-hover:var(--neutral-300);
  --color-input-background-focus:var(--neutral-white);
  --color-primary:var(--blue-500);
  --color-primary-hover:var(--blue-550);
  --color-primary-text:var(--blue-500);
  --color-secondary:var(--blue-50);
  --color-secondary-hover:var(--blue-100);
  --color-secondary-border:var(--blue-200);
  --color-error:var(--red-400);
  --color-success:var(--green-400);
  --color-success-text:var(--green-500);
  --color-success-bg:var(--green-50);
  --color-success-bg-hover:var(--green-100);
  --color-success-border:var(--green-200);
  --color-warning:var(--orange-400);
  --color-warning-text:var(--orange-500);
  --color-warning-bg:var(--orange-50);
  --color-warning-bg-hover:var(--orange-100);
  --color-warning-border:var(--orange-200);
  --color-danger:var(--red-500);
  --color-danger-text:var(--red-500);
  --color-danger-hover:var(--red-550);
  --color-danger-bg:var(--red-50);
  --color-danger-bg-hover:var(--red-100);
  --color-danger-border:var(--red-200);
  --color-ghost-hover:var(--color-dark-100);
  --color-ghost-active:var(--color-dark-150);
  --color-ghost-active-hover:var(--color-dark-200);
  --color-overlay:var(--color-dark-450);
  --color-shadow:var(--color-dark-150);
  --shadow-sm:0 1px 2px var(--color-shadow);
  --shadow-lg:0px 8px 18px var(--color-shadow);
}

/* семантика — тёмная тема. Ставится атрибутом на корне документа. */
[data-theme="dark"] {
  --color-foreground:var(--neutral-50);
  --color-subtle:var(--neutral-300);
  --color-muted:var(--neutral-400);
  --color-background:var(--neutral-900);
  --color-surface:var(--neutral-950);
  --color-surface-raised:var(--neutral-900);
  --color-black-bg:var(--neutral-700);
  --color-white-bg-hover:var(--neutral-800);
  --color-white-bg-active:var(--neutral-750);
  --color-white-bg-active-hover:var(--neutral-700);
  --color-grey-strong-bg:var(--neutral-750);
  --color-border:var(--neutral-700);
  --color-border-strong:var(--neutral-600);
  --color-border-opacity:var(--color-light-300);
  --color-border-strong-opacity:var(--color-light-400);
  --color-ring:var(--neutral-400);
  --color-border-focus:var(--color-light-500);
  --color-input-background:var(--neutral-900);
  --color-input-border:var(--neutral-700);
  --color-input-border-hover:var(--neutral-600);
  --color-input-background-focus:var(--neutral-950);
  --color-primary-text:var(--blue-400);
  --color-secondary:var(--blue-900);
  --color-secondary-hover:var(--blue-950);
  --color-secondary-border:var(--blue-700);
  --color-error:var(--red-400);
  --color-danger-text:var(--red-400);
  --color-danger-bg:var(--red-900);
  --color-danger-bg-hover:var(--red-950);
  --color-danger-border:var(--red-700);
  --color-warning-text:var(--orange-400);
  --color-warning-bg:var(--amber-900);
  --color-warning-bg-hover:var(--amber-950);
  --color-warning-border:var(--amber-700);
  --color-success-text:var(--green-400);
  --color-success-bg:var(--green-900);
  --color-success-bg-hover:var(--green-950);
  --color-success-border:var(--green-700);
  --color-ghost-hover:var(--color-light-200);
  --color-ghost-active:var(--color-light-300);
  --color-ghost-active-hover:var(--color-light-400);
  --color-shadow:var(--color-dark-950);
  --color-overlay:var(--color-dark-700);
}