/*
 * AUTO-GENERATED FILE.
 * Source: ../ルール/figma-variables.json
 * Font Family: DESIGN.md override.
 * Do not edit manually.
 */

:root {
  --border-radius-infinity: 999px;
  --border-radius-lg: 12px;
  --border-radius-md: 8px;
  --border-radius-none: 0px;
  --border-radius-sm: 4px;
  --border-radius-xl: 16px;
  --border-radius-xs: 2px;
  --border-width-lg: 2px;
  --border-width-md: 1px;
  --border-width-none: 0px;
  --border-width-sm: 0.5px;
  --container-width-lg: 960px;
  --container-width-sm: 540px;
  --container-width-xs: 393px;
  --container-width-xxl: 1320px;
  --font-family-default: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --opacity-100: 1;
  --opacity-30: 0.3;
  --opacity-50: 0.5;
  --spacing-lg: 24px;
  --spacing-md: 16px;
  --spacing-none: 0px;
  --spacing-sm: 12px;
  --spacing-xl: 32px;
  --spacing-xs: 8px;
  --spacing-xxl: 64px;
  --spacing-xxs: 4px;
  --spacing-xxxs: 2px;
  --typography-body-lg-bold-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-lg-bold-font-size: 20px;
  --typography-body-lg-bold-font-weight: 700;
  --typography-body-lg-bold-letter-spacing: 0.02500000037252903em;
  --typography-body-lg-bold-line-height: 1.600000023841858;
  --typography-body-lg-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-lg-font-size: 20px;
  --typography-body-lg-font-weight: 400;
  --typography-body-lg-letter-spacing: 0.02500000037252903em;
  --typography-body-lg-line-height: 1.600000023841858;
  --typography-body-md-bold-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-md-bold-font-size: 16px;
  --typography-body-md-bold-font-weight: 700;
  --typography-body-md-bold-letter-spacing: 0.02500000037252903em;
  --typography-body-md-bold-line-height: 1.75;
  --typography-body-md-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-md-font-size: 16px;
  --typography-body-md-font-weight: 400;
  --typography-body-md-letter-spacing: 0.02500000037252903em;
  --typography-body-md-line-height: 1.75;
  --typography-body-sm-bold-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-sm-bold-font-size: 14px;
  --typography-body-sm-bold-font-weight: 700;
  --typography-body-sm-bold-letter-spacing: 0.02500000037252903em;
  --typography-body-sm-bold-line-height: 1.7100000381469727;
  --typography-body-sm-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-sm-font-size: 14px;
  --typography-body-sm-font-weight: 400;
  --typography-body-sm-letter-spacing: 0.02500000037252903em;
  --typography-body-sm-line-height: 1.7100000381469727;
  --typography-body-xs-bold-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-xs-bold-font-size: 12px;
  --typography-body-xs-bold-font-weight: 700;
  --typography-body-xs-bold-letter-spacing: 0.03999999910593033em;
  --typography-body-xs-bold-line-height: 1.6699999570846558;
  --typography-body-xs-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-body-xs-font-size: 12px;
  --typography-body-xs-font-weight: 400;
  --typography-body-xs-letter-spacing: 0.03999999910593033em;
  --typography-body-xs-line-height: 1.6699999570846558;
  --typography-heading-lg-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-heading-lg-font-size: 28px;
  --typography-heading-lg-font-weight: 700;
  --typography-heading-lg-letter-spacing: 0.019999999552965164em;
  --typography-heading-lg-line-height: 1.5700000524520874;
  --typography-heading-md-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-heading-md-font-size: 24px;
  --typography-heading-md-font-weight: 700;
  --typography-heading-md-letter-spacing: 0.02500000037252903em;
  --typography-heading-md-line-height: 1.6699999570846558;
  --typography-heading-sm-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-heading-sm-font-size: 20px;
  --typography-heading-sm-font-weight: 700;
  --typography-heading-sm-letter-spacing: 0.02500000037252903em;
  --typography-heading-sm-line-height: 1.600000023841858;
  --typography-heading-xl-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-heading-xl-font-size: 34px;
  --typography-heading-xl-font-weight: 700;
  --typography-heading-xl-letter-spacing: 0.019999999552965164em;
  --typography-heading-xl-line-height: 1.5290000438690186;
  --typography-heading-xs-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-heading-xs-font-size: 16px;
  --typography-heading-xs-font-weight: 700;
  --typography-heading-xs-letter-spacing: 0.02500000037252903em;
  --typography-heading-xs-line-height: 1.75;
  --typography-label-md-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-label-md-font-size: 16px;
  --typography-label-md-font-weight: 700;
  --typography-label-md-letter-spacing: 0.02500000037252903em;
  --typography-label-md-line-height: 1;
  --typography-label-sm-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-label-sm-font-size: 14px;
  --typography-label-sm-font-weight: 700;
  --typography-label-sm-letter-spacing: 0.02500000037252903em;
  --typography-label-sm-line-height: 1;
  --typography-label-xs-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-label-xs-font-size: 12px;
  --typography-label-xs-font-weight: 400;
  --typography-label-xs-letter-spacing: 0.03999999910593033em;
  --typography-label-xs-line-height: 1;
  --typography-title-lg-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-title-lg-font-size: 48px;
  --typography-title-lg-font-weight: 700;
  --typography-title-lg-letter-spacing: 0.014999999664723873em;
  --typography-title-lg-line-height: 1.5;
  --typography-title-md-font-family: "Noto Sans JP", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --typography-title-md-font-size: 40px;
  --typography-title-md-font-weight: 700;
  --typography-title-md-letter-spacing: 0.019999999552965164em;
  --typography-title-md-line-height: 1.5;
}

:root,
[data-theme="light"] {
  --color-background-default: #FBFBFB;
  --color-background-primary-action-enabled: #0E63E3;
  --color-background-primary-action-hovered: #0B4FB6;
  --color-background-primary-action-pressed: #083B88;
  --color-background-secondary-action-enabled: #FBFBFB;
  --color-background-secondary-action-hovered: #F4F4F4;
  --color-background-secondary-action-pressed: #E0E0E0;
  --color-background-subtle: #F4F4F4;
  --color-background-subtler: #E0E0E0;
  --color-border-bold: #474747;
  --color-border-default: #9E9E9E;
  --color-border-inverse: #FBFBFB;
  --color-border-primary-action-focused: #0E63E3;
  --color-border-secondary-action-enabled: #9E9E9E;
  --color-border-secondary-action-focused: #474747;
  --color-border-subtle: #C2C2C2;
  --color-text-danger: #C20B2A;
  --color-text-default: #1F1F1F;
  --color-text-primary-action: #FFFFFF;
  --color-text-secondary-action: #1F1F1F;
  --color-text-subtle: #5C5C5C;
  --color-text-success: #218011;
}

[data-theme="dark"] {
  --color-background-default: #1F1F1F;
  --color-background-primary-action-enabled: #0B4FB6;
  --color-background-primary-action-hovered: #0E63E3;
  --color-background-primary-action-pressed: #3E82E9;
  --color-background-secondary-action-enabled: #1F1F1F;
  --color-background-secondary-action-hovered: #333333;
  --color-background-secondary-action-pressed: #474747;
  --color-background-subtle: #333333;
  --color-background-subtler: #474747;
  --color-border-bold: #F4F4F4;
  --color-border-default: #757575;
  --color-border-inverse: #1F1F1F;
  --color-border-primary-action-focused: #0B4FB6;
  --color-border-secondary-action-enabled: #757575;
  --color-border-secondary-action-focused: #F4F4F4;
  --color-border-subtle: #5C5C5C;
  --color-text-danger: #FF737C;
  --color-text-default: #FBFBFB;
  --color-text-primary-action: #FFFFFF;
  --color-text-secondary-action: #FBFBFB;
  --color-text-subtle: #E0E0E0;
  --color-text-success: #7FC673;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme]) {
    --color-background-default: #1F1F1F;
    --color-background-primary-action-enabled: #0B4FB6;
    --color-background-primary-action-hovered: #0E63E3;
    --color-background-primary-action-pressed: #3E82E9;
    --color-background-secondary-action-enabled: #1F1F1F;
    --color-background-secondary-action-hovered: #333333;
    --color-background-secondary-action-pressed: #474747;
    --color-background-subtle: #333333;
    --color-background-subtler: #474747;
    --color-border-bold: #F4F4F4;
    --color-border-default: #757575;
    --color-border-inverse: #1F1F1F;
    --color-border-primary-action-focused: #0B4FB6;
    --color-border-secondary-action-enabled: #757575;
    --color-border-secondary-action-focused: #F4F4F4;
    --color-border-subtle: #5C5C5C;
    --color-text-danger: #FF737C;
    --color-text-default: #FBFBFB;
    --color-text-primary-action: #FFFFFF;
    --color-text-secondary-action: #FBFBFB;
    --color-text-subtle: #E0E0E0;
    --color-text-success: #7FC673;
  }
}