/* TEEPTRAK design tokens — lifted from the production CSS of teeptrak.com.
   Do not invent new colours here: one accent per screen, ink and grey for the rest. */

:root {
  /* Brand */
  --red: #eb352c;
  --red-dark: #c8281f;
  --red-soft: #fdebe9;

  /* Ink & neutrals */
  --ink: #232120;
  --ink-2: #272222;
  --slate: #4b4846;
  --muted: #8b8885;
  --line: #ebebeb;
  --bg: #f5f6f5;
  --card: #ffffff;

  /* States */
  --amber: #f5a623;
  --amber-soft: #fef6e7;
  --green: #16a34a;
  --green-soft: #eaf7ee;
  --green-text: #15803d;

  /* Shape & depth */
  --radius: 16px;
  --radius-sm: 10px;
  --shadow: 0 10px 30px rgba(35, 33, 32, 0.08);
  --shadow-lg: 0 24px 60px rgba(35, 33, 32, 0.16);

  /* Type */
  --font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Liberation Mono", monospace;

  /* Motion */
  --ease: cubic-bezier(0.22, 0.61, 0.36, 1);
  --slide-in: 350ms;
}

/* Chinese has no Inter coverage: fall back to the platform CJK faces rather than
   shipping a multi-megabyte font to a trade-show machine. */
html[lang="zh"] {
  --font: "Inter", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC",
    "Source Han Sans SC", sans-serif;
}

/* Jemba palette — from jemba.ai. Scoped to the Jemba slide only. */
[data-brand="jemba"] {
  --j-violet: #4c00ff;
  --j-violet-700: #3d00cc;
  --j-magenta: #c800ff;
  --j-blue: #1b63ff;
  --j-ink: #141238;
  --j-ink-2: #3b3a5a;
  --j-grey: #6e6c85;
  --j-line: #e6e7f1;
  --j-paper: #f6f6fb;
  --j-tint: #f1ecff;
  --j-tint-2: #e7deff;
  --j-gradient: linear-gradient(120deg, var(--j-magenta), var(--j-violet) 55%, var(--j-blue));
}