/* Robokade design tokens — bright & colourful (D16). Light theme only in V1. */
/* Wordmark font: Space Grotesk 600, latin subset, self-hosted (SIL OFL 1.1, see /fonts/OFL-SpaceGrotesk.txt) */
@font-face {
  font-family: "Space Grotesk"; font-style: normal; font-weight: 600; font-display: swap;
  src: url("/fonts/space-grotesk-600-v1.woff2") format("woff2");
}

:root {
  /* chroma palette */
  --mc-magenta: #ff3d8b;
  --mc-orange: #ff8a1f;
  --mc-yellow: #ffd23f;
  --mc-green: #2ecc71;
  --mc-cyan: #19c3e6;
  --mc-blue: #3d6bff;
  --mc-violet: #8b5cff;

  /* surfaces and text */
  --mc-bg: #fffaf3;
  --mc-surface: #ffffff;
  --mc-surface-2: #f4f0ff;
  --mc-text: #1d1630;
  --mc-text-muted: #5b5470;
  --mc-border: #e6e0f2;
  --mc-focus: #3d6bff;

  /* players */
  --mc-p0: var(--mc-blue);
  --mc-p1: var(--mc-orange);

  /* type and shape */
  /* Traditional Chinese system fonts before the generic family (PLAN_I18N §5); no CJK webfont. */
  --mc-font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang TC", "Noto Sans TC", "Noto Sans CJK TC", "Microsoft JhengHei", "Heiti TC", sans-serif;
  --mc-font-brand: "Space Grotesk", var(--mc-font);
  --mc-font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
  --mc-radius: 14px;
  --mc-radius-sm: 8px;
  --mc-gap: 16px;
  --mc-shadow: 0 6px 24px rgba(61, 41, 120, 0.12);
  --mc-chroma: linear-gradient(90deg, var(--mc-magenta), var(--mc-orange), var(--mc-yellow),
    var(--mc-green), var(--mc-cyan), var(--mc-blue), var(--mc-violet));
}