/* Generated from my-channel-design-tokens.json. Shared web runtime tokens. */
:root {
  --mc-color-surface: #FFFDF9;
  --mc-color-canvas: #FAF8F2;
  --mc-color-text: #30362F;
  --mc-color-muted: #667060;
  --mc-color-line: #DDE0D5;
  --mc-color-action: #3D63ED;
  --mc-color-on-action: #FFFFFF;
  --mc-color-wash: #EEF1FD;
  --mc-color-control-border: #667060;
  --mc-color-danger: #9B1C1C;
  --mc-color-on-danger: #FFFFFF;
  --mc-font-family: "Noto Sans KR", "Noto Sans", sans-serif;
  --mc-font-weight-title: 600;
  --mc-font-weight-action: 550;
  --mc-font-tracking-title: -0.035em;
  --mc-line-height-body: 1.7;
  --mc-line-height-entry: 1.35;
  --mc-line-height-entry-body: 1.8;
  --mc-font-size-entry-max: 36px;
  --mc-font-size-entry-mobile: 30px;
  --mc-font-size-entry-compact: 28px;
  --mc-font-size-completion: 29px;
  --mc-font-size-completion-mobile: 27px;
  --mc-font-size-completion-compact: 25px;
  --mc-font-size-section: 20px;
  --mc-font-size-subsection: 16px;
  --mc-font-size-form: 16px;
  --mc-font-size-body: 14px;
  --mc-font-size-entry-body: 13px;
  --mc-font-size-secondary: 12px;
  --mc-font-size-legacy-caption: 11px;
  --mc-space-1: 4px;
  --mc-space-2: 8px;
  --mc-space-3: 12px;
  --mc-space-4: 16px;
  --mc-space-5: 20px;
  --mc-space-6: 24px;
  --mc-space-8: 32px;
  --mc-space-10: 40px;
  --mc-space-12: 48px;
  --mc-space-16: 64px;
  --mc-radius-media: 6px;
  --mc-radius-guide: 6px;
  --mc-radius-entry-action: 10px;
  --mc-radius-completion-card: 13px;
  --mc-radius-motion-wash: 16px;
  --mc-layout-entry-max: 1120px;
  --mc-layout-entry-min-height: 720px;
  --mc-layout-entry-copy: 360px;
  --mc-layout-entry-media: 384px;
  --mc-layout-single-outer: 736px;
  --mc-layout-single-container: 680px;
  --mc-layout-completion-copy: 480px;
  --mc-breakpoint-compact: 360px;
  --mc-breakpoint-selection-wide: 560px;
  --mc-breakpoint-completion-mobile: 580px;
  --mc-breakpoint-entry-stack: 760px;
  --mc-component-wordmark-width: 158px;
  --mc-component-icon: 20px;
  --mc-component-instagram: 36px;
  --mc-component-endpoint: 48px;
  --mc-component-avatar: 42px;
  --mc-component-entry-action-min-height: 50px;
  --mc-component-target-min: 44px;
  --mc-component-photo-gap: 10px;
  --mc-component-border: 1px;
  --mc-component-connector: 2px;
  --mc-component-focus-width: 2px;
  --mc-component-focus-offset: 4px;
  --mc-component-instagram-stroke: 1.5;
  --mc-component-icon-stroke: 2;
  --mc-component-disabled-opacity: 0.55;
  --mc-component-selection-image-ratio: 0.75;
  --mc-component-selection-title-lines: 2;
  --mc-backoffice-sidebar: 288px;
  --mc-backoffice-header: 56px;
  --mc-backoffice-row: 48px;
  --mc-backoffice-table-min: 720px;
  --mc-backoffice-dialog: 560px;
  --mc-backoffice-metric-min: 180px;
  --mc-backoffice-search: 320px;
  --mc-backoffice-login: 440px;
  --mc-backoffice-progress: 8px;
  --mc-motion-easing: cubic-bezier(.2,.7,.2,1);
  --mc-motion-easing-bridge: linear;
  --mc-motion-easing-bridge-segment: ease-in-out;
  --mc-duration-press: 100ms;
  --mc-duration-hover: 160ms;
  --mc-duration-entry: 240ms;
  --mc-duration-disclosure: 180ms;
  --mc-duration-success: 320ms;
  --mc-duration-bridge: 1600ms;
  --mc-duration-line: 800ms;
  --mc-duration-endpoint: 450ms;
  --mc-delay-bridge: 100ms;
  --mc-delay-line: 900ms;
  --mc-delay-endpoint: 900ms;
  --mc-motion-hover: -1px;
  --mc-motion-entry: 8px;
  --mc-motion-disclosure: 4px;
  --mc-motion-photo: 12px;
  --mc-motion-wave-height: 40px;
  --mc-motion-wave-amplitude: 10px;
  --mc-motion-press-scale: 0.985;
  --mc-motion-endpoint-scale: 1.025;
  --mc-motion-wash-opacity: 0.1;
  --mc-motion-visibility-threshold: 0.2;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --mc-color-surface: #30372E;
    --mc-color-canvas: #242923;
    --mc-color-text: #F1EFE6;
    --mc-color-muted: #B6C0AF;
    --mc-color-line: #46523F;
    --mc-color-action: #AEBEFF;
    --mc-color-on-action: #222B45;
    --mc-color-wash: #303D55;
    --mc-color-control-border: #B6C0AF;
    --mc-color-danger: #FFB4AB;
    --mc-color-on-danger: #3B0907;
  }
}

:root[data-theme="dark"] {
  --mc-color-surface: #30372E;
  --mc-color-canvas: #242923;
  --mc-color-text: #F1EFE6;
  --mc-color-muted: #B6C0AF;
  --mc-color-line: #46523F;
  --mc-color-action: #AEBEFF;
  --mc-color-on-action: #222B45;
  --mc-color-wash: #303D55;
  --mc-color-control-border: #B6C0AF;
  --mc-color-danger: #FFB4AB;
  --mc-color-on-danger: #3B0907;
}