/* Дизайн-токены серии «Набор элементов КООП»
 * Выведены из фронтенда платформы: coop-devs/coop-platforma-main/Services/Frontend/src/index.css
 * + палитра концепции (docs/koop-kit-concept.md §27). Единый язык с продуктом.
 * Шрифт — Inter (@fontsource/inter, как на платформе), вшит локально в fonts/.
 */

/* Inter — self-hosted, веса 400/500/600/700, подмножества latin + cyrillic.
   Идентично платформе (main.ts: import '@fontsource/inter/{400,500,600,700}.css'). */
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/inter-latin-400-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:400; font-display:swap;
  src:url('fonts/inter-cyrillic-400-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('fonts/inter-latin-500-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:500; font-display:swap;
  src:url('fonts/inter-cyrillic-500-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('fonts/inter-latin-600-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:600; font-display:swap;
  src:url('fonts/inter-cyrillic-600-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap;
  src:url('fonts/inter-latin-700-normal.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD; }
@font-face { font-family:'Inter'; font-style:normal; font-weight:700; font-display:swap;
  src:url('fonts/inter-cyrillic-700-normal.woff2') format('woff2');
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116; }

:root {
  /* Бренд / акценты (совпадает с платформой) */
  --koop-primary: #1928f0;          /* основной синий КООП */
  --koop-primary-hover: #313fff;
  --koop-accent: #eb5a20;           /* оранжевый акцент */

  /* Текст */
  --koop-text: #16181e;             /* основной */
  --koop-text-2: #2f333f;           /* вторичный */
  --koop-text-muted: #707070;       /* приглушённый */
  --koop-text-subtle: #929db2;      /* очень лёгкий (нумерация «Далее») */

  /* Фоны и нейтрали */
  --koop-bg: #ffffff;
  --koop-bg-gray: #f8f7fa;          /* светлый фон разделов (платформа) */
  --koop-bg-soft: #f6f6f6;
  --koop-graphite: #2b2f36;         /* графит концепции — тёмные карточки/номера */
  --koop-sand: #e8e0d2;             /* песочный — тёплая подложка */
  --koop-border: #e5e7eb;
  --koop-divider: rgba(22, 24, 30, 0.08);

  /* Статусные (бейджи «Метки»: «готово»/«проверить») — из платформы */
  --koop-green: #00974e;   --koop-green-bg: #c7ffdd;   /* можно запускать */
  --koop-orange: #ee8514;  --koop-orange-bg: #ffedd5;  /* проверить / ждём */
  --koop-blue: #2563eb;    --koop-blue-bg: #dbeafe;    /* инфо */

  /* Типографика (платформа: Inter) */
  --koop-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
  --koop-fw-regular: 400;
  --koop-fw-medium: 500;
  --koop-fw-semibold: 600;
  /* Цифры для кодов/номеров — табличные (одинаковая ширина, выравнивание по столбцу).
     Применять через утилиту .nums (font-variant-numeric: tabular-nums). */

  /* Радиусы (платформа: 12 / 16 / 20 / 50) */
  --koop-radius-sm: 12px;
  --koop-radius: 16px;             /* карточки (Card.vue) */
  --koop-radius-lg: 20px;
  --koop-radius-pill: 50px;        /* бейджи (Badge.vue) */

  /* Тени (платформа) */
  --koop-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);

  /* Спейсинг-шкала (платформа: 4/8/12/16/20/24/32) */
  --koop-s1: 4px;  --koop-s2: 8px;  --koop-s3: 12px;
  --koop-s4: 16px; --koop-s5: 20px; --koop-s6: 24px; --koop-s8: 32px;
}