/* Rollroom Admin UI Kit — design tokens (single source of truth).
   Values are copied verbatim from rollroom-admin-ui-kit. Do not theme blue/
   purple/beige/brown/dark-slate; no decorative gradients/glows; placeholder
   media is a solid color; color encodes state/priority, not decoration. */
:root {
  /* Surfaces */
  --page: #f0f0f2;
  --surface: #ffffff;
  --soft: #f7f7f8;
  --soft-strong: #eeeeef;
  --bubble: #f0f0f2;

  /* Text */
  --text: #050505;
  --muted: rgb(0 0 0 / 52%);
  --tertiary: rgb(0 0 0 / 36%);

  /* Lines */
  --line: rgb(0 0 0 / 10%);
  --line-strong: rgb(0 0 0 / 18%);

  /* Accents + state tints */
  --blue: #0071e3;
  --blue-soft: #e9f2ff;
  --green: #2f7d32;
  --green-soft: #edf7ed;
  --amber: #9a6b00;
  --amber-soft: #fff6dc;
  --red: #d92d20;
  --red-soft: #fff0ee;

  /* Layout */
  --rail: 224px;
  --workspace-pad: 32px;
  --section-gap: 32px;
  --panel-gap: 16px;
  --control-gap: 8px;

  /* Radius */
  --workspace-radius: 20px;
  --panel-radius: 16px;
  --card-radius: 8px;
  --control-radius: 12px;

  /* Elevation — off by default; only modals/popovers/composer/active inspector */
  --shadow: 0 8px 30px rgb(0 0 0 / 8%);

  /* Type */
  --font:
    "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont,
    "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
  --mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;

  color-scheme: light;
}