/* Tripfile Studio Graphit — generated from tokens.json */
@font-face { font-family: 'IBM Plex Sans'; font-weight: 400; src: url('fonts/ibm-plex-sans-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 500; src: url('fonts/ibm-plex-sans-500.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Sans'; font-weight: 600; src: url('fonts/ibm-plex-sans-600.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 400; src: url('fonts/ibm-plex-mono-400.woff2') format('woff2'); }
@font-face { font-family: 'IBM Plex Mono'; font-weight: 500; src: url('fonts/ibm-plex-mono-500.woff2') format('woff2'); }
:root {
  --bg-rail: #141415;
  --bg-app: #1C1C1E;
  --bg-panel: #232325;
  --bg-card: #2B2B2E;
  --bg-control: #2F2F32;
  --bg-hover: #38383B;
  --bg-canvas: #161617;
  --line-strong: #000000;
  --line: #111112;
  --line-soft: #3A3A3D;
  --line-row: #29292B;
  --text: #EDEDEE;
  --text-body: #D8D8DB;
  --text-muted: #A1A1A6;
  --accent: #C8F04A;
  --on-accent: #141415;
  --select-bg: #3A3F24;
  --select-text: #DDF58A;
  --tip-text: #C9D6A2;
  --tip-kbd-bg: #2A2E1A;
  --view-bg: #2E3320;
  --data: #8FD4FF;
  --data-bg: #14344A;
  --cond-bg: #1F2A33;
  --cond-line: #2F4A5C;
  --warn: #FF9085;
  --warn-bg: #4A2622;
  --warn-note-bg: #2F2F32;
  --warn-note-text: #D8D8DB;
  --danger: #FF7A6B;
  --ok: #4CC27E;
  --guide: #FF5CA8;
  --paper: #FFFFFF;
  --ink: #000000;
  --paper-data: #00557F;
  --paper-data-bg: #DDF2FF;
  --paper-select: #5F8000;
  --paper-nil: #B42318;
  --paper-nil-bg: #FDECEA;
  --paper-head: #F0F0F0;
  --paper-ghost: #6B6B6B;
  --paper-ghost-bg: #EEEEEE;
  --paper-handle: #3F5500;
  --text-tool: #C7C7CC;
  --switch-off: #5A5A5F;
  --backdrop: #000000A6;
  --danger-bg: #4A1F1A;
  --danger-text: #FFC4BC;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --radius-s: 4px;
  --radius-m: 5px;
  --radius-l: 6px;
  --radius-xl: 10px;
  --h-control: 30px;
  --h-tool: 34px;
  --h-primary: 38px;
  --h-row: 36px;
  --h-toolbar: 46px;
  --h-outbar: 62px;
  --w-rail: 72px;
  --w-left: 280px;
  --w-right: 340px;
  --shadow-float: 0 8px 24px rgba(0, 0, 0, .5);
  --font-sans: "IBM Plex Sans", "Segoe UI", Arial, sans-serif;
  --font-mono: "IBM Plex Mono", Consolas, "Liberation Mono", monospace;
  color-scheme: dark;
}