/* @font-face для Inter убран: шрифт на площадке уже подключает mu-plugin
(wp-content/uploads/pf-fonts/), и файлы грузились дважды — лишние 67 КБ
на каждой загрузке. Сами woff2 лежат рядом, в assets/fonts/, на случай
если mu-plugin уберут. При следующей итерации макета проверить снова. */
/* ==========================================================================
Школа PARFCLUB — токены оформления
Единственный файл, где встречаются конкретные значения цветов, теней,
радиусов, отступов и типографики. school.css опирается только на них.
Подкручивать палитру — здесь.
========================================================================== */
/* ── Шрифт ────────────────────────────────────────────────────────────────
Inter лежит локально, внешних адресов нет. Пути — относительно этого файла. */
:root {
/* ── Фирменный зелёный ────────────────────────────────────────────────
--pf-green — тот самый #71cc46, не меняется. Остальные ступени
получены сдвигом светлоты при том же тоне. */
--pf-green: #71cc46;
--pf-green-hover: #63bd39;
--pf-green-press: #55a92f;
--pf-green-700: #3f7f22; /* ссылки, текст «по зелёному» на белом: 4,9:1 */
--pf-green-800: #2f6a1a; /* текст статуса «зачтено»: 6,6:1 */
--pf-green-900: #1e3b10; /* единственный цвет текста поверх --pf-green: 7,1:1 */
--pf-green-050: #f2faec;
--pf-green-100: #e6f5da;
--pf-green-200: #cbe9b4;
--pf-green-300: #a9d987;
/* ── Графит: второй акцент. Холодный подтон, не чёрный ───────────────── */
--pf-ink: #1a2422; /* заголовки, основной текст */
--pf-ink-700: #2b3a37; /* «в работе», тёмные плашки */
--pf-ink-600: #3c4c48;
/* ── Нейтрали: подтянуты к зелёному (шалфей), чистого серого нет ─────── */
--pf-n-0: #ffffff;
--pf-n-25: #fbfdf9;
--pf-n-50: #f5f8f2;
--pf-n-100: #eef2e9;
--pf-n-200: #e2e8dc;
--pf-n-300: #d0d9c9;
--pf-n-400: #adb8a6;
--pf-n-500: #8b9686;
--pf-n-600: #6d786a;
--pf-n-700: #5c6658; /* вторичный текст: 6,3:1 */
/* ── Роли ────────────────────────────────────────────────────────────── */
--pf-page: var(--pf-n-50);
--pf-page-wash: linear-gradient(180deg, var(--pf-green-050) 0, var(--pf-n-50) 420px);
--pf-surface: var(--pf-n-0);
--pf-surface-sunken: var(--pf-n-25);
--pf-surface-quiet: var(--pf-n-100);
--pf-border: #e2e8dc;
--pf-border-strong: #d0d9c9;
--pf-border-hover: var(--pf-green-300);
--pf-text: var(--pf-ink);
--pf-text-2: var(--pf-n-700);
--pf-text-3: var(--pf-n-600);
--pf-text-on-green: var(--pf-green-900);
--pf-link: var(--pf-green-700);
/* ── Пять состояний работы ───────────────────────────────────────────── */
/* зачтено */
--pf-ok-bg: var(--pf-green-050);
--pf-ok-text: var(--pf-green-800);
--pf-ok-border: var(--pf-green-200);
/* отправлено, ждёт куратора */
--pf-wait-bg: #ecf2f7;
--pf-wait-text: #2f5f80;
--pf-wait-border: #cddfec;
/* вернули на доработку — тёплый, зовущий, но не «ошибка» */
--pf-warn-bg: #fdf3e8;
--pf-warn-text: #8b5117;
--pf-warn-border: #f1dcc0;
/* ошибка формы, опасное действие */
--pf-err-bg: #fdf0ee;
--pf-err-text: #a8342a;
--pf-err-border: #f2d4ce;
/* в работе, черновик */
--pf-work-bg: #e9eeec;
--pf-work-text: var(--pf-ink-700);
--pf-work-border: #d4dfda;
/* не начат */
--pf-muted-bg: var(--pf-n-100);
--pf-muted-text: var(--pf-n-700);
--pf-muted-border: var(--pf-n-200);
/* ── Радиусы ─────────────────────────────────────────────────────────── */
--pf-radius-xs: 6px;
--pf-radius-field: 9px;
--pf-radius-sm: 10px;
--pf-radius-md: 14px;
--pf-radius-lg: 18px;
--pf-radius-xl: 24px;
--pf-radius-pill: 999px;
/* ── Тени: мягкая глубина, тонированы графитом, не чёрным ───────────── */
--pf-shadow-xs: 0 1px 2px rgba(26, 36, 34, .05);
--pf-shadow-sm: 0 1px 2px rgba(26, 36, 34, .04), 0 3px 8px -4px rgba(26, 36, 34, .08);
--pf-shadow-md: 0 1px 2px rgba(26, 36, 34, .04), 0 12px 26px -16px rgba(26, 36, 34, .16);
--pf-shadow-lg: 0 2px 4px rgba(26, 36, 34, .04), 0 24px 48px -28px rgba(26, 36, 34, .22);
--pf-shadow-green: 0 1px 2px rgba(47, 106, 26, .10), 0 10px 22px -12px rgba(47, 106, 26, .28);
--pf-inset-top: inset 0 1px 0 rgba(255, 255, 255, .8);
--pf-sticky-edge: 8px 0 12px -10px rgba(26, 36, 34, .18);
/* ── Фокус с клавиатуры ──────────────────────────────────────────────── */
--pf-focus-ring: 0 0 0 2px var(--pf-n-0), 0 0 0 4px rgba(113, 204, 70, .55);
--pf-focus-ring-flat: 0 0 0 3px rgba(113, 204, 70, .55);
/* ── Отступы ─────────────────────────────────────────────────────────── */
--pf-sp-1: 4px;
--pf-sp-2: 8px;
--pf-sp-3: 12px;
--pf-sp-4: 16px;
--pf-sp-5: 20px;
--pf-sp-6: 24px;
--pf-sp-7: 32px;
--pf-sp-8: 40px;
--pf-sp-9: 56px;
--pf-sp-10: 72px;
/* ── Типографика ─────────────────────────────────────────────────────── */
--pf-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--pf-fs-11: 11px;
--pf-fs-12: 12px;
--pf-fs-13: 13px;
--pf-fs-14: 14px;
--pf-fs-15: 15px;
--pf-fs-16: 16px;
--pf-fs-18: 18px;
--pf-fs-20: 20px;
--pf-fs-24: 24px;
--pf-fs-30: 30px;
--pf-fs-36: 36px;
--pf-lh-tight: 1.2;
--pf-lh-snug: 1.35;
--pf-lh-body: 1.6;
--pf-ls-tight: -.02em;
--pf-ls-flat: -.01em;
--pf-ls-caps: .08em;
--pf-w-normal: 400;
--pf-w-medium: 500;
--pf-w-semi: 600;
--pf-w-bold: 700;
--pf-w-heavy: 800;
/* ── Каркас ──────────────────────────────────────────────────────────── */
--pf-wrap: 1120px;
--pf-wrap-wide: 1280px;
--pf-sidebar-w: 264px;
--pf-shell-w: 1440px;
--pf-wrap-narrow: 720px;
--pf-measure: 66ch;
--pf-header-h: 68px;
--pf-tap: 44px; /* минимальная высота касания */
/* ── Движение ────────────────────────────────────────────────────────── */
--pf-caret: url("data:image/svg+xml;utf8,");
--pf-tick: url("data:image/svg+xml;utf8,");
--pf-ic-check: url("data:image/svg+xml;utf8,");
--pf-ic-spinner: url("data:image/svg+xml;utf8,");
--pf-ic-alert: url("data:image/svg+xml;utf8,");
--pf-stripes: repeating-linear-gradient(135deg, transparent 0 7px, rgba(26, 36, 34, .045) 7px 8px);
--pf-veil: linear-gradient(180deg, rgba(26, 36, 34, .55) 0, rgba(26, 36, 34, .74) 100%);
--pf-ic-chevron: url("data:image/svg+xml;utf8,");
--pf-t-fast: 110ms;
--pf-t: 180ms;
--pf-t-slow: 320ms;
--pf-ease: cubic-bezier(.2, .7, .3, 1);
}