/* Generated by scripts/design-tokens.py. Edit shared/design-tokens.json. */
@font-face{font-family:"Remote Space";src:url("/assets/space-grotesk.ttf") format("truetype");font-weight:600;font-display:swap}
@font-face{font-family:"Remote Plex";src:url("/assets/ibm-plex-mono.ttf") format("truetype");font-weight:400;font-display:swap}
:root {
  --remote-canvas: #F3F0E7;
  --remote-canvas-start: #E1EDE3;
  --remote-canvas-end: #EEF0D9;
  --remote-surface: #FFFDF7;
  --remote-ink: #122019;
  --remote-muted: #526259;
  --remote-line: #D8D4C8;
  --remote-forest: #134E3A;
  --remote-lime: #D6F06F;
  --remote-mint: #B7E4C7;
  --remote-orange: #F28C45;
  --remote-danger: #A22E24;
  --remote-warning: #78500C;
  --remote-focus: #9D4B12;
  --remote-terminal: #0C1712;
  --remote-terminal-text: #DDF7D7;
  --remote-white: #FFFFFF;
  --remote-success-bg: #DFF1E5;
  --remote-success-fg: #17613F;
  --remote-offline-bg: #E9E8E2;
  --remote-offline-fg: #526259;
  --remote-warning-bg: #FAE9DC;
  --remote-danger-bg: #F8E6E2;
  --remote-danger-line: #EBC0B7;
  --remote-subtle: #E7EFEA;
  --remote-control-line: #7A877D;
  --remote-forest-hover: #0F412F;
  --remote-forest-pressed: #0A3024;
  --remote-selected-bg: #E4EDE5;
  --remote-disabled-bg: #E9E8E2;
  --remote-disabled-fg: #526259;
  --remote-canvas-image: radial-gradient(circle, #134e3a14 0.7px, transparent 0.9px), linear-gradient(135deg, var(--remote-canvas-start), var(--remote-canvas) 48%, var(--remote-canvas-end));
  --remote-canvas-size: 20px 20px, 100% 100%;
  --remote-space-xs: 4px;
  --remote-space-sm: 8px;
  --remote-space-md: 12px;
  --remote-space-lg: 16px;
  --remote-space-xl: 24px;
  --remote-space-xxl: 32px;
  --remote-space-section: 48px;
  --remote-space-hero: 64px;
  --remote-radius-sm: 12px;
  --remote-radius-md: 16px;
  --remote-radius-lg: 24px;
  --remote-radius-pill: 999px;
  --remote-text-caption: 12px;
  --remote-text-body: 14px;
  --remote-text-body-large: 16px;
  --remote-text-section: 22px;
  --remote-text-title: 32px;
  --remote-stroke-default: 1px;
  --remote-stroke-selected: 2px;
  --remote-stroke-focus: 3px;
  --remote-leading-caption: 18px;
  --remote-leading-body: 22px;
  --remote-leading-body-large: 24px;
  --remote-leading-section: 32px;
  --remote-leading-title: 42px;
  --remote-touch: 48px;
  --remote-focus-offset: 3px;
  --remote-font-display: "Remote Space", "PingFang SC", "Microsoft YaHei", sans-serif;
  --remote-font-body: "Trebuchet MS", "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
  --remote-font-mono: "Remote Plex", "Cascadia Code", "DejaVu Sans Mono", monospace;
  --remote-motion-fast: 150ms;
  --remote-motion-enter: 220ms;
}