/* Generated by npm run ui:build from library.json. */
:root {
  --kp-primitive-paper: #f5f5f5;
  --kp-primitive-ink: #202122;
  --kp-primitive-muted: #54595d;
  --kp-primitive-line: #c8ccd1;
  --kp-primitive-blue: #315d78;
  --kp-primitive-pale-blue: #e5edf2;
  --kp-primitive-white: #ffffff;
  --kp-primitive-focus: #748a25;
  --kp-color-canvas: var(--kp-primitive-paper);
  --kp-color-surface: var(--kp-primitive-white);
  --kp-color-text: var(--kp-primitive-ink);
  --kp-color-muted: var(--kp-primitive-muted);
  --kp-color-border: var(--kp-primitive-line);
  --kp-color-action: var(--kp-primitive-blue);
  --kp-color-on-action: var(--kp-primitive-white);
  --kp-color-selected: var(--kp-primitive-pale-blue);
  --kp-color-focus: var(--kp-primitive-focus);
  --kp-radius-control: 7.5px;
  --kp-border-width: 1px;
  --kp-space-icon-gap: 8px;
  --kp-space-control-y: 8px;
  --kp-space-control-x: 13px;
  --kp-space-control-compact-y: 5px;
  --kp-space-control-compact-x: 9px;
  --kp-space-control-large-y: 12px;
  --kp-space-control-large-x: 20px;
  --kp-size-control: 36px;
  --kp-size-control-compact: 32px;
  --kp-size-control-large: 48px;
  --kp-size-icon-button: 36px;
  --kp-size-touch: 44px;
  --kp-icon-size-default: 16px;
  --kp-icon-size-emphasis: 20px;
  --kp-font-size-control: 15px;
  --kp-font-size-control-compact: 13px;
  --kp-font-size-body: 15px;
  --kp-focus-width: 3px;
  --kp-focus-offset: 4px;
  --kp-font-family: "Sunghyun Sans", ui-rounded, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --kp-font-weight-control: 700;
  --kp-opacity-disabled: 0.6;
  --kp-color-button-primary: #fb72bf;
  --kp-color-button-primary-stroke: #ff05b8;
  --kp-color-button-secondary: #eeeef0;
  --kp-color-button-accent: #dedee2;
  --kp-color-button-neutral-stroke: #a5a5ad;
  --kp-color-button-focus: #000000;
  --kp-font-size-control-large: 17px;
  --kp-color-button-primary-inactive: color-mix(in srgb,var(--kp-color-button-primary) 50%,transparent);
  --kp-color-button-secondary-inactive: color-mix(in srgb,var(--kp-color-button-secondary) 50%,transparent);
  --kp-color-button-accent-inactive: color-mix(in srgb,var(--kp-color-button-accent) 50%,transparent);
  --kp-color-button-primary-stroke-inactive: color-mix(in srgb,var(--kp-color-button-primary-stroke) 50%,transparent);
  --kp-color-button-neutral-stroke-inactive: color-mix(in srgb,var(--kp-color-button-neutral-stroke) 50%,transparent);
  --paper: var(--kp-color-canvas);
  --ink: var(--kp-color-text);
  --muted: var(--kp-color-muted);
  --line: var(--kp-color-border);
  --green: var(--kp-color-action);
  --lime: var(--kp-color-selected);
  --white: var(--kp-color-surface);
  --radius: var(--kp-radius-control);
}