/* Generated from the TimeKeep visual contract. Keep project values here. */
:root {
  color-scheme: light;
  --tyt-font-ja: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  --tyt-font-latin: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tyt-font-sans: var(--tyt-font-latin), var(--tyt-font-ja);
  --tyt-font-body: var(--tyt-font-sans);
  --tyt-font-display: var(--tyt-font-sans);

  --tyt-color-canvas: #f3f4f6;
  --tyt-color-surface: #fbfbfc;
  --tyt-color-surface-subtle: color-mix(in srgb, var(--tyt-color-surface) 88%, var(--tyt-color-text));
  --tyt-color-text: #101114;
  --tyt-color-text-muted: #696d75;
  --tyt-color-border: #d1d4da;
  --tyt-color-border-strong: #989da6;
  --tyt-color-primary: #0866e5;
  --tyt-color-primary-hover: #0058cb;
  --tyt-color-on-primary: #fff;
  --tyt-color-accent: #e9eef8;
  --tyt-color-danger: #d92d20;
  --tyt-color-warning: #f04424;
  --tyt-color-success: #1b6b43;
  --tyt-color-focus: #0866e5;
  --tyt-color-info: #0866e5;
  --tyt-color-code-surface: #101114;
  --tyt-color-code-text: #f3f4f6;
  --tyt-color-code-muted: #a5b0c0;

  --tyt-radius-sm: .125rem;
  --tyt-radius-md: .2rem;
  --tyt-radius-lg: .35rem;
  --tyt-shadow-sm: none;
  --tyt-shadow-md: none;
  --tyt-border-width: .64px;
  --tyt-divider-width: .64px;
  --tyt-surface-border-color: color-mix(in srgb, var(--tyt-color-text) 26%, transparent);
  --tyt-stroke-color: color-mix(in srgb, var(--tyt-color-text) 29%, transparent);
  --tyt-component-padding: var(--tyt-space-8);
  --tyt-layout-gap: var(--tyt-space-6);
  --tyt-flow-space: var(--tyt-space-6);

  --tyt-button-radius: var(--tyt-radius-md);
  --tyt-button-border-width: var(--tyt-border-width);
  --tyt-button-font-weight: 500;
  --tyt-button-primary-border: var(--tyt-color-primary);
  --tyt-button-secondary-border: color-mix(in srgb, var(--tyt-color-border) 82%, var(--tyt-color-text));
  --tyt-button-secondary-background: transparent;
  --tyt-button-danger-border: var(--tyt-color-danger);
  --tyt-button-danger-background: var(--tyt-color-danger);
  --tyt-button-danger-background-hover: color-mix(in srgb, var(--tyt-color-danger) 88%, var(--tyt-color-text));
  --tyt-button-danger-color: var(--tyt-color-on-primary);
  --tyt-card-border: color-mix(in srgb, var(--tyt-color-text) 26%, transparent);
  --tyt-card-radius: var(--tyt-radius-md);
  --tyt-card-shadow: none;
  --tyt-input-border-color: color-mix(in srgb, var(--tyt-color-border) 82%, var(--tyt-color-text));
  --tyt-input-border-hover: var(--tyt-color-text-muted);
  --tyt-input-background: color-mix(in srgb, var(--tyt-color-surface) 94%, transparent);
  --tyt-input-radius: 3px;
  --tyt-field-gap: var(--tyt-space-2);
  --tyt-field-label-weight: 400;
  --tyt-focus-ring-color: color-mix(in srgb, var(--tyt-color-focus) 18%, transparent);

  --tyt-heading-weight: 500;
  --tyt-display-weight: 300;
  --tyt-body-tracking: -.012em;
  --tyt-heading-tracking: -.012em;
  --tyt-body-line-height: 1.95;
  --tyt-heading-line-height: 1.2;
  --tyt-font-size-body: .9375rem;
  --tyt-transition-fast: 225ms cubic-bezier(.2, .8, .2, 1);
  --tyt-transition-base: 519ms cubic-bezier(.2, .7, .2, 1);
}

html[data-theme="dark"] {
  color-scheme: dark;
  --tyt-color-canvas: #0f141c;
  --tyt-color-surface: #171e29;
  --tyt-color-surface-subtle: #1c2431;
  --tyt-color-text: #e8edf5;
  --tyt-color-text-muted: #a5b0c0;
  --tyt-color-border: #2a3544;
  --tyt-color-border-strong: #3a4658;
  --tyt-color-primary: #e8edf5;
  --tyt-color-primary-hover: #fff;
  --tyt-color-on-primary: #0f141c;
  --tyt-color-accent: #27313f;
  --tyt-color-danger: #ff8a82;
  --tyt-color-warning: #f0bf66;
  --tyt-color-success: #7fd4a8;
  --tyt-color-focus: #8ab7ff;
  --tyt-color-info: #8ab7ff;
  --tyt-color-code-surface: #e8edf5;
  --tyt-color-code-text: #0f141c;
  --tyt-color-code-muted: #3a4658;
}