:root {
  --ff-brand: 17 24 39;
  --ff-brand-surface: 65 75 90;
  --ff-brand-hover: 79 88 103;
  --ff-on-brand: 255 255 255;
  --ff-surface: 249 250 251;
  --ff-surface-hover: 243 244 246;
  --ff-line: 209 213 219;
  --ff-btn-hover: 243 244 246;
  --ff-selected: 65 75 90;
  --ff-nav-hover: 229 231 235;
  --ff-pane-head: 243 244 246;
  --ff-rule: 229 231 235;
  --ff-cat-general: 39 174 96;
  --ff-cat-execute: 37 99 235;
  --ff-cat-adjust: 245 158 11;
  --ff-cat-think: 147 51 234;
  --ff-cat-other: 107 114 128;
  --ff-actuator-pos: 0 164 151;
  --ff-actuator-sw: 112 88 163;
  --ff-ink: 55 65 81;
  --ff-ink-muted: 107 114 128;
  --ff-danger: 220 38 38;
  --ff-danger-surface: 254 242 242;
  --ff-danger-line: 254 202 202;
  --ff-danger-hover: 254 226 226;
  --ff-danger-strong: 185 28 28;
  --ff-positive: 22 101 52;
  --ff-positive-surface: 240 253 244;
  --ff-positive-line: 187 247 208;
  --ff-warning: 146 64 14;
  --ff-ink-faint: 156 163 175;
  --ff-scrim: 17 24 39;
  --ff-flash-saved: 229 231 235;
  --ff-flash-filled: 254 252 232;
  --ff-flash-filled-line: 250 204 21;
  --ff-ink-soft: 75 85 99;
  --ff-warning-surface: 255 251 235;
  --ff-warning-line: 253 230 138;
  --ff-positive-hover: 20 83 45;
  --ff-on-positive: 255 255 255;
  --ff-field: 255 255 255;
  --ff-radius: 0.125rem;
  --ff-border: 1px;
  --ff-motion: 150ms;
  --ff-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
  --ff-shadow-raised: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
  --ff-shadow-selected: 0 3px 5px -1px rgb(0 0 0 / 0.08), 0 1px 3px -1px rgb(0 0 0 / 0.08);
  --ff-focus-width: 2px;
  --ff-radius-card: 0.5rem;
  --ff-state-neutral-ink: 75 85 99;
  --ff-positive-ink: 21 128 61;
  --ff-state-unlinked: 21 94 117;
  --ff-state-unknown: 30 41 59;
  --ff-state-soon: 250 204 21;
  --ff-state-soon-ink: 0 0 0;
  --ff-state-activated-bg: 239 246 255;
  --ff-state-activated-ink: 29 78 216;
  --ff-state-activated-line: 191 219 254;
  --ff-state-returned-bg: 250 245 255;
  --ff-state-returned-ink: 107 33 168;
  --ff-state-returned-line: 233 213 255;

  --ff-font-sans: 'Noto Sans JP', sans-serif;
  --ff-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --ff-text-2xs: 0.53125rem;
  --ff-text-xs: 0.625rem;
  --ff-text-sm: 0.75rem;
  --ff-text-mid: 0.8125rem;
  --ff-text-md: 0.875rem;
  --ff-text-lg: 1rem;
  --ff-weight-normal: 400;
  --ff-weight-medium: 500;
  --ff-weight-bold: 700;
  --ff-weight-black: 900;
  --ff-track-wider: 0.1em;
}