/**
 * tokens.css — the `:root` custom properties, shared by the guest
 * client and the waiter's page
 * (web/docs/feature-waiter-order-site.md §5.3, waitervoice-b5cb.4).
 *
 * Moved verbatim out of `public/style.css`. No `@font-face` here: a
 * font source is a relative reference resolved against the
 * stylesheet that declares it, which differs per publication.
 */

/* ---------- Токены (§4, копия landing/src/styles/tokens.css) ---------- */

:root {
  /* Бренд */
  --wv-navy: #072b64;
  --wv-navy-700: #0b3a80;
  --wv-navy-900: #041a3f;
  --wv-cyan: #00c6f8;
  --wv-cyan-bright: #35d6ff;
  --wv-cyan-ink: #0072a3;
  --wv-cyan-50: #eaf9fe;
  --wv-cyan-100: #cff2fd;
  --wv-white: #ffffff;

  /* Текст и нейтрали */
  --wv-text: #072b64;
  --wv-text-muted: #4a5878;
  --wv-dim: #7e8fac;
  --wv-border: #e1e7f0;
  --wv-border-strong: #c7d2e3;
  --wv-bg-soft: #f8fbfe;
  --wv-skeleton: #eaf0f7;

  /* Акценты */
  --wv-amber: #f5a524;
  --wv-amber-ink: #8a6100;
  --wv-coral: #c8412f;
  --wv-carb: #5b7fd6;

  /* Тени и свечения (§4.4) */
  --wv-shadow-sm: 0 1px 2px rgba(7, 43, 100, 0.06), 0 1px 1px rgba(7, 43, 100, 0.03);
  --wv-shadow: 0 12px 32px -14px rgba(7, 43, 100, 0.22);
  --wv-shadow-lg: 0 32px 64px -24px rgba(7, 43, 100, 0.35);
  --wv-glow-cyan: 0 12px 30px -10px rgba(0, 198, 248, 0.55);
  --wv-glow-amber: 0 12px 30px -10px rgba(245, 165, 36, 0.5);
  --wv-glow-navy: 0 12px 30px -10px rgba(7, 43, 100, 0.5);

  /* Геометрия (§4.4) */
  --wv-r-card: 22px;
  --wv-r-bubble: 16px;
  --wv-r-chip: 999px;
  --wv-r-tag: 7px;
  --wv-btn-size: 59px;   /* было 88px; ÷1.5 — кнопка не съедает место (bcf.4) */
  --wv-gutter: 16px;
  --wv-card-gap: 12px;
  --wv-header-h: 44px;
  --wv-app-pad-bottom: 8px;

  /* Motion (§4.5) */
  --wv-t-fast: 120ms cubic-bezier(0.4, 0, 0.2, 1);
  --wv-t-base: 180ms ease;
  --wv-t-card: 240ms cubic-bezier(0.22, 0.8, 0.28, 1);
  --wv-t-slow: 400ms cubic-bezier(0.22, 0.8, 0.28, 1);

  /* Заливки кнопки (§5.3) */
  --fill-cyan: radial-gradient(120% 120% at 50% 0%, #35d6ff 0%, #00c6f8 55%, #00a9d6 100%);
  --fill-amber: radial-gradient(120% 120% at 50% 0%, #ffc15e 0%, #f5a524 55%, #de8f10 100%);
  --fill-navy: radial-gradient(120% 120% at 50% 0%, #0b3a80 0%, #072b64 60%, #041a3f 100%);

  --wv-font-sans: "Manrope Variable", "Noto Sans Georgian Variable", -apple-system,
    BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}