/* ППкафе · учёт — ОБЩИЙ СЛОЙ ТОКЕНОВ (дизайн «Б + В», 04.10.2026). Описание и правила —
   docs/dizain-sistema.md. Экранные css берут значения ТОЛЬКО отсюда: новое значение цвета,
   радиуса, тени, отступа, размера шрифта или длительности сначала появляется здесь.
   Палитра ПП — /root/ppkafe/DESIGN.md. Шрифт Inter — локально (подмножества как у fontsource:
   ₽ берётся из latin-ext только там, где он есть). Только светлая тема (требование клиента). */
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/Inter-400-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/Inter-400-latin.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:400;font-display:swap;src:url(fonts/Inter-400-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(fonts/Inter-500-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(fonts/Inter-500-latin.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:500;font-display:swap;src:url(fonts/Inter-500-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/Inter-600-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/Inter-600-latin.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:600;font-display:swap;src:url(fonts/Inter-600-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/Inter-700-cyrillic.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/Inter-700-latin.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+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Inter';font-weight:700;font-display:swap;src:url(fonts/Inter-700-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{
  /* ---------- цвет: палитра ПП ---------- */
  --pp-900:#123c1e; --pp-800:#1b4a2a; --pp-600:#1e7a3c; --pp-500:#2e9e4f; --pp-400:#8cc97a;
  --pp-300:#a6e05a; --pp-200:#cfe8c4; --pp-100:#e7f3e1; --pp-050:#eef6ea; --pp-000:#f2f7f0;
  /* поверхности: фонов на экране два — полотно и карточка (DESIGN.md, правило 2) */
  --bg:#f2f7f0; --card:#ffffff; --card-tint:#f7faf5;
  /* линии: разделитель в карточке, рамка поля, линия таблицы */
  --line:#e3ece0; --line-2:#edf3ea; --line-3:#d8e5d4;
  /* текст: основной чернильный, не зелёный (правило 1); --muted — подписи (AA на полотне 5,4:1) */
  --ink:#14321d; --ink-2:#1d3a26; --muted:#4a6b52; --muted-2:#587260; --ghost:#9fb5a3;
  /* действие: кнопка ПП #1e7a3c (5,4:1 с белым), наведение — тёмно-зелёная */
  --green:#1e7a3c; --green-2:#123c1e; --green-soft:#eef6ea; --bar:#e7f3e1;
  --hi:#2e9e4f; --bar-soft:#cfe8c4; --bar-mid:#8cc97a; --lime:#a6e05a;
  /* статусы: зелёный — сделано, тёплый — ждёт/внимание (текстом — --orange-ink, AA 6:1),
     янтарный — «мало», красный — только сбой */
  --ok:#1e7a3c; --ok-soft:#e1f3d8;
  --orange:#f2793b; --orange-soft:#fdf2ea; --orange-ink:#a3451a;
  --amber:#7a5c00; --amber-ink:#4f4700; --amber-soft:#fff3c4;
  --red:#b0472e; --red-soft:#f9e6e0;
  --grey-soft:#e7f0e3; --tg:#00527c; --tg-soft:#e0f0ff;
  /* тёмная плашка: ОДНА на экран (главная цифра) + меню на ПК; на телефоне меню светлое */
  --plate:#123c1e; --plate-2:#1b4a2a; --on-plate:#ffffff;
  --on-plate-2:rgba(255,255,255,.86); --on-plate-3:rgba(255,255,255,.70);

  /* ---------- радиусы (DESIGN.md: 10 / 14 / 20 / 26 / пилюля) ---------- */
  --r-sm:10px;   /* поле, кнопка в строке, мелкая плашка */
  --r-md:14px;   /* кнопка, строка-карточка стопки, вспышка */
  --r-lg:20px;   /* карточка, панель, плитка */
  --r-xl:26px;   /* тёмная плитка, плашка меню */
  --r-pill:999px;

  /* ---------- тени ---------- */
  --sh-line:0 0 0 1px rgba(18,60,30,.06);                       /* тонкая рамка без линии */
  --sh-card:0 0 0 1px rgba(18,60,30,.05),0 1px 2px rgba(18,60,30,.05),0 10px 28px -14px rgba(18,60,30,.16);
  --sh-raised:0 18px 40px -22px rgba(18,60,30,.55);             /* тёмная плитка */
  --sh-pop:0 10px 30px -8px rgba(18,60,30,.32);                 /* пилюля, подсказка, диалог */
  --sh-knob:0 1px 2px rgba(18,60,30,.12),0 0 0 1px rgba(18,60,30,.05);   /* белая подложка переключателя */

  /* ---------- отступы: только 4 / 8 / 12 / 16 / 24 / 32 / 48 ---------- */
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-6:24px; --s-8:32px; --s-12:48px;
  --gap:16px;          /* шаг между карточками на ПК (на телефоне — 12) */
  --pad-card:24px;     /* поле карточки на ПК (на телефоне — 16) */

  /* ---------- шрифт: ниже 13 px текста нет (DESIGN.md) ---------- */
  --font:'Inter',system-ui,-apple-system,sans-serif;
  --fs-cap:13px;       /* подпись, бейдж, капитель группы, ось графика */
  --fs-sm:14px;        /* строка таблицы, мета, кнопка в строке */
  --fs-body:15px;      /* основной текст, имя блюда */
  --fs-h3:18px;        /* заголовок карточки */
  --fs-num:22px;       /* число в строке/плитке */
  --fs-h2:28px;        /* крупное число плитки, заголовок страницы на телефоне */
  --fs-h1:32px;        /* заголовок страницы на ПК */
  --fs-big:44px;       /* главная цифра на телефоне */
  --fs-hero:56px;      /* главная цифра на ПК */
  --lh-tight:1.15; --lh:1.45;

  /* ---------- движение: ease-out без перелёта, только transform/opacity ---------- */
  --t-fast:140ms;      /* отклик: наведение, нажатие */
  --t-base:200ms;      /* переезд подложки, пилюля, раскрытие */
  --t-appear:320ms;    /* появление блока, шаг цепочки */
  --t-num:560ms;       /* бегущие цифры, рост столбиков — потолок 600 мс */
  --stagger:40ms;      /* шаг каскада */
  --ease-out:cubic-bezier(.22,1,.36,1);

  /* ---------- слои ---------- */
  --z-sticky:10; --z-menu:20; --z-tip:60; --z-toast:80; --z-err:100;

  /* ---------- старые имена (экраны до «Б + В»): не заводить новых ---------- */
  --r-card:var(--r-lg); --r-btn:var(--r-md); --r-chip:var(--r-pill); --r-nav:var(--r-md);
  --r-panel:var(--r-lg); --r-small:var(--r-sm);
  --shadow-card:var(--sh-card);
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:var(--fs-sm);line-height:var(--lh);-webkit-font-smoothing:antialiased}
.tnum{font-variant-numeric:tabular-nums}