/* Дизайн-токены: единые цвета, радиусы, тени, отступы и размеры (стиль iOS 17).
   Все остальные файлы стилей используют только эти переменные. */
:root {
    /* Фон и поверхности */
    --bg: #f2f2f7;                      /* systemGroupedBackground */
    --surface: #ffffff;
    --surface-blur: rgba(255, 255, 255, 0.72);
    --lane: rgba(118, 118, 128, 0.07);  /* фон ячейки */
    --fill: rgba(118, 118, 128, 0.12);  /* серые кнопки и поля */
    --fill-strong: rgba(118, 118, 128, 0.2);
    --separator: rgba(60, 60, 67, 0.12);

    /* Текст */
    --text: #1c1c1e;
    --text-2: rgba(60, 60, 67, 0.62);
    --text-3: rgba(60, 60, 67, 0.36);

    /* Акцент и состояния */
    --accent: #007aff;
    --accent-soft: rgba(0, 122, 255, 0.1);
    --accent-ring: rgba(0, 122, 255, 0.55);
    --red: #ff3b30;
    --red-text: #d70015;
    --red-soft: rgba(255, 59, 48, 0.07);
    --red-ring: rgba(255, 59, 48, 0.75);
    --green: #34c759;
    --orange-text: #c45c00;
    --orange-soft: rgba(255, 149, 0, 0.12);

    /* Пастельные цвета типов карточек (полоска слева и тег) */
    --type-epic: #af8cf2;     --type-epic-soft: rgba(175, 140, 242, 0.16);   --type-epic-text: #6e44c9;
    --type-feature: #7fb2ff;  --type-feature-soft: rgba(127, 178, 255, 0.18); --type-feature-text: #1d5fc4;
    --type-task: #72d39a;     --type-task-soft: rgba(114, 211, 154, 0.2);     --type-task-text: #18794e;
    --type-subtask: #ffc069;  --type-subtask-soft: rgba(255, 192, 105, 0.22); --type-subtask-text: #9a5b00;
    /* Баг: розовый. Не красный — красный оставлен для блокировок */
    --type-bug: #f58fb4;      --type-bug-soft: rgba(245, 143, 180, 0.2);      --type-bug-text: #b0295f;

    /* Скругления */
    --r-xs: 6px;
    --r-sm: 8px;
    --r-md: 12px;
    --r-lg: 16px;
    --r-xl: 20px;
    --r-pill: 999px;

    /* Тени */
    --shadow-card: 0 0.5px 1px rgba(0, 0, 0, 0.05), 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-card-hover: 0 2px 10px rgba(0, 0, 0, 0.08);
    --shadow-pop: 0 12px 40px rgba(0, 0, 0, 0.14), 0 1px 3px rgba(0, 0, 0, 0.06);
    --blur: saturate(180%) blur(20px);

    /* Шрифт и отступы */
    --font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --fs-xs: 11px;
    --fs-sm: 12px;
    --fs-md: 13px;
    --fs-base: 14px;
    --fs-lg: 17px;
    --sp-1: 4px;
    --sp-2: 8px;
    --sp-3: 12px;
    --sp-4: 16px;
    --sp-5: 24px;

    /* Размеры элементов управления (на тач-устройствах увеличиваются) */
    --control-h: 32px;
    --icon-btn: 26px;
    --colhead-h: 40px;
    --transition: 160ms ease;
}

/* iPhone/iPad: области нажатия не меньше 40–44 px (рекомендация Apple HIG) */
@media (pointer: coarse) {
    :root {
        --control-h: 40px;
        --icon-btn: 36px;
        --colhead-h: 44px;
    }
}