/* generated from zukai-tokens.json v3.4.0 — 手で編集しない */
:root {
  --bg-main: #fdfdfa;
  --bg-second: #f5f4ed;
  --bg-third: #e8e7e2;
  --border-main: #dcdcd9;
  --border-sub: #f5f4ed;
  --border-primary: #05b45b;
  --text-main: #363635;
  --text-sub: #727270;
  --text-placeholder: #a2a29f;
  --text-primary: #037f40;
  --text-onPrimary: #ffffff;
  --shape-white: #ffffff;
  --shape-gray: #898987;
  --shape-grayLight: #aeada9;
  --shape-primary: #05b45b;
  --shape-primarySoft: #05b45b2e;
  --shape-ink: #1d1343;
  --danger-main: #d2604a;
  --danger-soft: #f7d5cb;
  --danger-text: #a8402d;
  --term-bg: #22201c;
  --term-bar: #33302a;
  --term-text: #e6e2d8;
  --term-prompt: #5fd08a;
  --term-dim: #9a948a;
  --term-path: #7fb8e8;
  --traffic-red: #e25a45;
  --traffic-yellow: #e7b44a;
  --traffic-green: #4daa5a;
  --browser-link: #1d6fd3;
  --shape-primaryRing: #05b45b40;
  --border-figure: #c9c7bd;
  --term-hl: #4a4538;
  --term-border: #33302a;
  --plate-bg: #363635;
  --plate-text: #fdfdfa;
  --code-bg: #fdfdfa;
  --code-text: #363635;
  --code-keyword: #f15025;
  --code-function: #049a51;
  --code-class: #007b6e;
  --code-operator: #7b6f62;
  --code-comment: #8a7f73;
  --code-string: #d97742;
  --code-number: #1d6fd3;
  --code-lineHl: #e3f4ea;
  --role-default-fill: var(--shape-white);
  --role-default-stroke: var(--border-main);
  --role-default-text: var(--text-main);
  --role-subject-fill: var(--plate-bg);
  --role-subject-stroke: var(--plate-bg);
  --role-subject-text: var(--plate-text);
  --role-affirm-fill: var(--shape-primary);
  --role-affirm-stroke: var(--border-primary);
  --role-affirm-text: var(--text-onPrimary);
  --role-negate-fill: var(--danger-main);
  --role-negate-stroke: var(--danger-main);
  --role-negate-text: var(--text-onPrimary);
  --role-condition-fill: var(--shape-white);
  --role-condition-stroke: var(--shape-gray);
  --role-condition-text: var(--text-main);
  --role-ghost-fill: var(--bg-second);
  --role-ghost-stroke: var(--shape-grayLight);
  --role-ghost-text: var(--text-sub);
  --emph-change-fill: var(--shape-primarySoft);
  --emph-change-stroke: var(--border-primary);
  --emph-change-text: var(--text-primary);
  --emph-problem-fill: var(--danger-soft);
  --emph-problem-stroke: var(--danger-main);
  --emph-problem-text: var(--danger-text);
  --emph-current-fill: var(--code-lineHl);
  --emph-current-stroke: none;
  --emph-current-text: var(--code-text);
  --c-canvas-bg: var(--bg-main);
  --c-canvas-figBg: var(--bg-second);
  --c-canvas-border: var(--border-main);
  --c-canvas-title: var(--text-main);
  --c-arrow-stroke: var(--shape-gray);
  --c-arrow-label: var(--text-sub);
  --c-arrow-affirm: var(--shape-primary);
  --c-arrow-negate: var(--danger-main);
  --c-browser-bar: var(--bg-third);
  --c-browser-tab: var(--shape-white);
  --c-browser-tabText: var(--text-main);
  --c-browser-dots: var(--shape-grayLight);
  --c-browser-dotClose: var(--traffic-red);
  --c-browser-dotMin: var(--traffic-yellow);
  --c-browser-dotMax: var(--traffic-green);
  --c-browser-body: var(--shape-white);
  --c-terminal-bg: var(--term-bg);
  --c-terminal-bar: var(--term-bar);
  --c-terminal-border: var(--term-border);
  --c-terminal-dotClose: var(--traffic-red);
  --c-terminal-dotMin: var(--traffic-yellow);
  --c-terminal-dotMax: var(--traffic-green);
  --c-terminal-highlightLine: var(--term-hl);
  --c-terminal-text: var(--term-text);
  --c-terminal-prompt: var(--term-prompt);
  --c-terminal-dim: var(--term-dim);
  --c-terminal-path: var(--term-path);
  --c-console-bg: var(--shape-white);
  --c-console-border: var(--border-figure);
  --c-console-text: var(--text-main);
  --c-console-label: var(--text-sub);
  --c-code-bg: var(--code-bg);
  --c-code-border: var(--border-main);
  --c-code-text: var(--code-text);
  --c-code-keyword: var(--code-keyword);
  --c-code-function: var(--code-function);
  --c-code-class: var(--code-class);
  --c-code-string: var(--code-string);
  --c-code-number: var(--code-number);
  --c-code-operator: var(--code-operator);
  --c-code-comment: var(--code-comment);
  --c-codeMono-bg: var(--code-bg);
  --c-codeMono-border: var(--border-main);
  --c-codeMono-text: var(--code-text);
  --c-codeMono-keyword: var(--code-text);
  --c-codeMono-function: var(--code-text);
  --c-codeMono-class: var(--code-text);
  --c-codeMono-string: var(--code-text);
  --c-codeMono-number: var(--code-text);
  --c-codeMono-operator: var(--code-text);
  --c-codeMono-comment: var(--code-comment);
  --c-annotate-chip: var(--bg-third);
  --c-annotate-chipStroke: var(--shape-grayLight);
  --c-annotate-chipGood: var(--shape-primarySoft);
  --c-annotate-chipGoodStroke: var(--border-primary);
  --c-annotate-badge: var(--text-main);
  --c-annotate-badgeText: var(--bg-main);
  --c-table-headerBg: var(--plate-bg);
  --c-table-headerText: var(--plate-text);
  --c-table-border: var(--border-main);
  --c-table-cellBg: var(--shape-white);
  --c-memory-box: var(--shape-white);
  --c-memory-address: var(--text-sub);
  --c-memory-pointer: var(--shape-primary);
  --c-array-cell: var(--shape-white);
  --c-array-index: var(--text-sub);
  --c-array-marker: var(--shape-primary);
  --c-sequence-lifeline: var(--border-figure);
  --c-sequence-actor: var(--plate-bg);
  --c-sequence-actorText: var(--plate-text);
  --c-sequence-msg: var(--shape-gray);
  --c-sequence-reply: var(--shape-primary);
  --c-class-header: var(--plate-bg);
  --c-class-headerText: var(--plate-text);
  --c-class-body: var(--shape-white);
  --c-class-inherit: var(--shape-gray);
  --c-class-heroFill: var(--shape-primarySoft);
  --c-class-heroStroke: var(--border-primary);
  --c-class-heroRing: var(--shape-primaryRing);
  --c-er-header: var(--plate-bg);
  --c-er-headerText: var(--plate-text);
  --c-er-line: var(--shape-gray);
  --c-er-key: var(--text-sub);
  --c-er-badgeBg: var(--bg-third);
  --c-er-badgeText: var(--text-sub);
  --c-er-heroFill: var(--shape-primarySoft);
  --c-er-heroStroke: var(--border-primary);
  --c-er-heroRing: var(--shape-primaryRing);
  --c-topology-node: var(--shape-white);
  --c-topology-link: var(--shape-gray);
  --c-topology-icon: var(--shape-gray);
  --c-topology-iconActive: var(--shape-primary);
  --c-topology-iconNegate: var(--danger-main);
  --c-topology-visited: var(--shape-primarySoft);
  --c-topology-visitedStroke: var(--border-primary);
  --c-topology-current: var(--shape-primary);
  --c-nest-outer: var(--shape-gray);
  --c-nest-inner: var(--shape-primary);
  --c-nest-label: var(--text-sub);
  --c-layers-stroke: var(--border-figure);
  --c-layers-fill: var(--shape-white);
  --c-layers-heroFill: var(--shape-primarySoft);
  --c-layers-heroStroke: var(--border-primary);
  --c-layers-heroRing: var(--shape-primaryRing);
  --c-diff-add: var(--shape-primarySoft);
  --c-diff-del: var(--danger-soft);
  --c-diff-gutter: var(--text-placeholder);
  --c-chat-userBg: var(--bg-third);
  --c-chat-userBorder: var(--border-figure);
  --c-chat-userText: var(--text-main);
  --c-chat-noteText: var(--text-sub);
  --c-chat-assistantBg: var(--shape-white);
  --c-chat-assistantBorder: var(--border-figure);
  --c-chat-assistantText: var(--text-main);
  --c-chat-systemBg: var(--bg-second);
  --c-chat-systemBorder: var(--shape-grayLight);
  --c-chat-systemText: var(--text-sub);
  --c-chat-toolBg: var(--code-bg);
  --c-chat-toolBorder: var(--border-figure);
  --c-chat-toolLabel: var(--text-sub);
  --c-chat-toolChipBg: var(--plate-bg);
  --c-chat-toolChipText: var(--plate-text);
  --c-chat-roleLabel: var(--text-main);
  --c-chart-axis: var(--shape-gray);
  --c-chart-grid: var(--border-figure);
  --c-chart-label: var(--text-sub);
  --c-chart-value: var(--text-main);
  --c-chart-bar: var(--shape-grayLight);
  --c-chart-barHero: var(--shape-primary);
  --c-chart-point: var(--shape-gray);
  --c-chart-pointHero: var(--shape-primary);
  --c-chart-conceptBadgeBg: var(--bg-third);
  --c-chart-conceptBadgeBorder: var(--border-figure);
  --c-chart-conceptBadgeText: var(--text-sub);
  --c-flowEdge-solid: var(--shape-gray);
  --c-flowEdge-dashed: var(--shape-gray);
  --c-flowEdge-blocked: var(--danger-main);
  --c-flowEdge-label: var(--text-sub);
  --c-flowEdge-ghostStroke: var(--shape-grayLight);
  --c-flowEdge-ghostText: var(--text-placeholder);
  --c-flowEdge-note: var(--text-sub);
  --c-annotateProblem-squiggle: var(--danger-main);
  --c-annotateProblem-bubbleBg: var(--danger-soft);
  --c-annotateProblem-bubbleText: var(--danger-text);
  --c-annotateProblem-bubbleBorder: var(--danger-main);
  --c-device-bezel: var(--shape-grayLight);
  --c-device-screen: var(--shape-white);
  --c-device-notch: var(--shape-grayLight);
  --c-device-label: var(--text-sub);
  --c-devtools-bg: var(--bg-third);
  --c-devtools-border: var(--border-figure);
  --c-devtools-tabText: var(--text-sub);
  --c-devtools-tabActiveBg: var(--shape-white);
  --c-devtools-tabActiveText: var(--text-main);
  --c-devtools-lineText: var(--text-main);
  --c-devtools-errorBg: var(--danger-soft);
  --c-devtools-errorBorder: var(--danger-main);
  --c-devtools-errorText: var(--danger-text);
  --c-devtools-dim: var(--text-sub);
  --c-git-lane: var(--border-figure);
  --c-git-commit: var(--shape-gray);
  --c-git-commitHero: var(--shape-primary);
  --c-git-merge: var(--shape-primary);
  --c-git-branchLabel: var(--text-sub);
  --c-swimlane-laneBg: var(--bg-main);
  --c-swimlane-laneBorder: var(--border-figure);
  --c-swimlane-headerBg: var(--plate-bg);
  --c-swimlane-headerText: var(--plate-text);
  --c-chartLine-line: var(--shape-gray);
  --c-chartLine-lineHero: var(--shape-primary);
  --c-chartLine-point: var(--shape-gray);
  --c-chartLine-area: var(--shape-primarySoft);
  --c-chartGrowth-curve: var(--shape-grayLight);
  --c-chartGrowth-curveHero: var(--shape-primary);
  --c-chartGrowth-curveNegate: var(--danger-main);
  --c-chartGrowth-curveLabel: var(--text-sub);
  --c-venn-fill: var(--bg-third);
  --c-venn-stroke: var(--border-figure);
  --c-venn-overlap: var(--shape-primarySoft);
  --c-venn-overlapStroke: var(--border-primary);
  --c-venn-label: var(--text-main);
  --c-wireframe-bg: var(--shape-white);
  --c-wireframe-border: var(--border-figure);
  --c-wireframe-placeholder: var(--shape-grayLight);
  --c-wireframe-heading: var(--text-main);
  --c-wireframe-button: var(--shape-primary);
  --c-wireframe-buttonText: var(--text-onPrimary);
  --c-wireframe-inputBg: var(--shape-white);
  --c-wireframe-inputBorder: var(--border-figure);
  --c-memoryRegion-stackBg: var(--bg-main);
  --c-memoryRegion-heapBg: var(--bg-third);
  --c-memoryRegion-staticBg: var(--bg-main);
  --c-memoryRegion-border: var(--border-figure);
  --c-memoryRegion-label: var(--text-sub);
  --c-arrayGroup-divider: var(--plate-bg);
  --c-arrayGroup-widthLabel: var(--text-placeholder);
  --c-arrayGroup-chainLink: var(--shape-gray);
  --c-treeGroup-fill: var(--shape-primarySoft);
  --c-treeGroup-stroke: var(--border-primary);
  --c-treeGroup-path: var(--shape-primary);
  --c-duo-divider: var(--border-figure);
  --c-duo-label: var(--text-sub);
  --c-nestFill-outer: var(--shape-white);
  --c-nestFill-mid: var(--bg-third);
  --c-nestFill-inner: var(--shape-grayLight);
  --c-nestFill-stroke: var(--border-figure);
  --t-family-jp: "Gen Interface JP Display", "Noto Sans JP", "Hiragino Sans", sans-serif;
  --t-family-latin: "Inter", system-ui, sans-serif;
  --t-family-code: "IBM Plex Mono", "SF Mono", Menlo, monospace;
  --t-size-figTitle: 13px;
  --t-size-node: 13px;
  --t-size-cell: 12.5px;
  --t-size-code: 13px;
  --t-size-caption: 11.5px;
  --t-weight-node: 700;
  --t-weight-body: 400;
  --s-radius-node: 8px;
  --s-radius-subject: 999px;
  --s-radius-fig: 12px;
  --s-radius-table: 10px;
  --s-stroke-node: 1.5px;
  --s-stroke-line: 2px;
  --s-gap-row: 8px;
  --s-gap-col: 12px;
  --s-pad-node: 8px 14px;
  --s-arrow-size: 16px;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
  --bg-main: #1a1b19;
  --bg-second: #22231f;
  --bg-third: #2c2d29;
  --border-main: #3a3b37;
  --border-sub: #2c2d29;
  --border-primary: #2ecc7a;
  --text-main: #e4e3dd;
  --text-sub: #a6a5a0;
  --text-placeholder: #77766f;
  --text-primary: #7fe0ae;
  --text-onPrimary: #0b2a18;
  --shape-white: #2e2f2b;
  --shape-gray: #8d8c86;
  --shape-grayLight: #5f5e59;
  --shape-primary: #2ecc7a;
  --shape-primarySoft: #2ecc7a3d;
  --shape-ink: #dedbf0;
  --danger-main: #e8785f;
  --danger-soft: #4a2a23;
  --danger-text: #f5c3b6;
  --term-bg: #22201c;
  --term-bar: #33302a;
  --term-text: #e6e2d8;
  --term-prompt: #5fd08a;
  --term-dim: #9a948a;
  --term-path: #7fb8e8;
  --traffic-red: #e25a45;
  --traffic-yellow: #e7b44a;
  --traffic-green: #4daa5a;
  --browser-link: #1d6fd3;
  --shape-primaryRing: #2ecc7a4d;
  --border-figure: #4a4b45;
  --term-hl: #4a4538;
  --term-border: #55513f;
  --plate-bg: #707167;
  --plate-text: #f0efe8;
  --code-bg: #16171b;
  --code-text: #d4d4d4;
  --code-keyword: #f2946b;
  --code-function: #05b45b;
  --code-class: #3dc2a0;
  --code-operator: #b5b0a5;
  --code-comment: #6a9955;
  --code-string: #e0a46b;
  --code-number: #82aaff;
  --code-lineHl: #1f3a2b;
  }
}
:root[data-theme="dark"] {
  --bg-main: #1a1b19;
  --bg-second: #22231f;
  --bg-third: #2c2d29;
  --border-main: #3a3b37;
  --border-sub: #2c2d29;
  --border-primary: #2ecc7a;
  --text-main: #e4e3dd;
  --text-sub: #a6a5a0;
  --text-placeholder: #77766f;
  --text-primary: #7fe0ae;
  --text-onPrimary: #0b2a18;
  --shape-white: #2e2f2b;
  --shape-gray: #8d8c86;
  --shape-grayLight: #5f5e59;
  --shape-primary: #2ecc7a;
  --shape-primarySoft: #2ecc7a3d;
  --shape-ink: #dedbf0;
  --danger-main: #e8785f;
  --danger-soft: #4a2a23;
  --danger-text: #f5c3b6;
  --term-bg: #22201c;
  --term-bar: #33302a;
  --term-text: #e6e2d8;
  --term-prompt: #5fd08a;
  --term-dim: #9a948a;
  --term-path: #7fb8e8;
  --traffic-red: #e25a45;
  --traffic-yellow: #e7b44a;
  --traffic-green: #4daa5a;
  --browser-link: #1d6fd3;
  --shape-primaryRing: #2ecc7a4d;
  --border-figure: #4a4b45;
  --term-hl: #4a4538;
  --term-border: #55513f;
  --plate-bg: #707167;
  --plate-text: #f0efe8;
  --code-bg: #16171b;
  --code-text: #d4d4d4;
  --code-keyword: #f2946b;
  --code-function: #05b45b;
  --code-class: #3dc2a0;
  --code-operator: #b5b0a5;
  --code-comment: #6a9955;
  --code-string: #e0a46b;
  --code-number: #82aaff;
  --code-lineHl: #1f3a2b;
}