/* EASEWEDDING / Light · Browser-verified Figma tokens.
   Generated from content/design-system.json. Do not edit this generated file. */
@font-face {
  font-family: "Noto Sans KR";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("./fonts/NotoSansKR-Variable.woff2") format("woff2");
}
:root {
  --color-bg: #FFFFFF;
  --color-bg-subtle: #F9F6F7;
  --color-surface: #FFFFFF;
  --color-surface-hover: #F9F6F7;
  --color-surface-sunken: #F1ECED;
  --color-text: #1F191A;
  --color-text-muted: #6C5D60;
  --color-text-faint: #948588;
  --color-text-on-accent: #FFFFFF;
  --color-border: #EBE4E5;
  --color-border-strong: #DAD1D3;
  --color-border-focus: #A9506A;
  --color-accent: #A9506A;
  --color-accent-hover: #904058;
  --color-accent-active: #753548;
  --color-accent-subtle: #FFF7F8;
  --color-accent-soft: #F7E6E9;
  --color-accent-text: #753548;
  --color-success: #2D713B;
  --color-success-bg: #D3FDD8;
  --color-success-border: #BEECC4;
  --color-warning: #805800;
  --color-warning-bg: #FFEED3;
  --color-warning-border: #FBD8A4;
  --color-danger: #9F3A34;
  --color-danger-bg: #FFEBE8;
  --color-danger-border: #FFD2CB;
  --color-info: #A9506A;
  --color-info-bg: #F9F6F7;
  --color-info-border: #EBE4E5;
  --color-focus-ring: rgb(169 80 106 / 35%);
  --color-overlay: rgb(20 16 17 / 45%);
  --color-surface-muted: var(--color-bg-subtle);
  --color-shadow-rgb: 20 16 17;
  --palette-neutral-0: #FFFFFF;
  --palette-neutral-25: #FDFBFC;
  --palette-neutral-50: #F9F6F7;
  --palette-neutral-100: #F1ECED;
  --palette-neutral-200: #EBE4E5;
  --palette-neutral-300: #DAD1D3;
  --palette-neutral-400: #B6A8AB;
  --palette-neutral-500: #948588;
  --palette-neutral-600: #6C5D60;
  --palette-neutral-700: #4B3F42;
  --palette-neutral-800: #302729;
  --palette-neutral-900: #1F191A;
  --palette-neutral-950: #141011;
  --palette-neutral-1000: #0B0809;
  --palette-accent-50: #FFF7F8;
  --palette-accent-100: #F7E6E9;
  --palette-accent-200: #E7C7CE;
  --palette-accent-300: #D2A0AB;
  --palette-accent-400: #B97184;
  --palette-accent-500: #A9506A;
  --palette-accent-600: #904058;
  --palette-accent-700: #753548;
  --palette-accent-800: #612E3D;
  --palette-accent-900: #512A34;
  --radius-none: 0px;
  --radius-sm: 8px;
  --radius-md: 10px;
  --radius-lg: 15px;
  --radius-xl: 20px;
  --radius-pill: 999px;
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --border-thin: 1px;
  --border-thick: 2px;
  --font-family-body: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", system-ui, sans-serif;
  --type-display-size: 40px;
  --type-display-line: 52px;
  --type-display-weight: 700;
  --type-h1-size: 32px;
  --type-h1-line: 42px;
  --type-h1-weight: 700;
  --type-h2-size: 26px;
  --type-h2-line: 36px;
  --type-h2-weight: 700;
  --type-h3-size: 21px;
  --type-h3-line: 30px;
  --type-h3-weight: 700;
  --type-h4-size: 17px;
  --type-h4-line: 26px;
  --type-h4-weight: 700;
  --type-body-large-size: 16px;
  --type-body-large-line: 26px;
  --type-body-large-weight: 400;
  --type-body-size: 15px;
  --type-body-line: 24px;
  --type-body-weight: 400;
  --type-body-small-size: 14px;
  --type-body-small-line: 22px;
  --type-body-small-weight: 400;
  --type-body-strong-size: 15px;
  --type-body-strong-line: 24px;
  --type-body-strong-weight: 500;
  --type-body-small-strong-size: 14px;
  --type-body-small-strong-line: 22px;
  --type-body-small-strong-weight: 500;
  --type-caption-size: 13px;
  --type-caption-line: 18px;
  --type-caption-weight: 400;
  --type-label-size: 12px;
  --type-label-line: 16px;
  --type-label-weight: 500;
  --type-button-lg-size: 15px;
  --type-button-lg-line: 22px;
  --type-button-lg-weight: 500;
  --type-button-md-size: 15px;
  --type-button-md-line: 20px;
  --type-button-md-weight: 500;
  --type-button-sm-size: 13px;
  --type-button-sm-line: 18px;
  --type-button-sm-weight: 500;
  --button-lg-height: 54px;
  --button-md-height: 44px;
  --button-sm-height: 34px;
}