/**
 * ⚠️ 자동 생성 파일 — 직접 수정 금지.
 * 재생성: (apps/website) npm run generate:tokens
 *
 * app.css @theme 의 semantic 토큰을 var() 해석해 리터럴 :root 로 출력한 미러.
 * Tailwind v4 트리셰이킹으로 semantic 토큰이 사라지는 것을 막는다.
 */
:root {
  --gradient-glow-circle: linear-gradient( 180deg, #acc7ff 0%, rgba(255, 255, 255, 0) 100% );
  --gradient-glow-circle-2: linear-gradient( 180deg, rgba(255, 255, 255, 0) 50%, #a9c4ff 100% );
  --gradient-glow-circle-3: linear-gradient( 180deg, #acc7ff 0%, rgba(255, 255, 255, 0) 100% );
  --color-brand-primary: #11131e;
  --color-content-bg: #f7f7f7;
  --color-fg: #111010;
  --color-fg-inverse: #ffffff;
  --color-fg-muted: #8f8f8f;
  --color-fg-disabled: #b8b8b8;
  --color-fg-error: #b1121b;
  --color-fg-warning: #ffb13d;
  --color-fg-success: #1bf9a9;
  --color-fg-info: #447bf3;
  --color-fg-link: #447bf3;
  --color-header-primary: #11131e;
  --color-header-secondary: #ffffff;
  --color-header-primary-text: #ffffff;
  --color-header-secondary-text: #11131e;
  --color-button-primary: #283cc2;
  --color-button-hover: #3547ef;
  --color-button-secondary: #729efd;
  --color-button-error: #b1121b;
  --color-button-warning: #ffb13d;
  --color-button-success: #1bf9a9;
  --color-button-disabled: #b8b8b8;
  --color-fg-on-button: #ffffff;
  --color-fg-on-button-disabled: #d6d6d6;
  --color-button-fill-bg: #11131e;
  --color-button-fill-fg: #f7f7f7;
  --color-button-outline-bg: #ffffff;
  --color-button-outline-fg: #11131e;
  --color-button-outline-border: #11131e;
  --text-button-label: 1rem;
  --text-button-label--line-height: 1.6;
  --text-button-label--font-weight: 600;
  --radius-button: 0.25rem;
  --spacing-button-max-sm: 134px;
  --spacing-button-max-md: 214px;
  --spacing-button-max-lg: 300px;
  --spacing-button-max-xl: 460px;
  --color-input-border: #666666;
  --color-input-border-focus: #3547ef;
  --color-input-border-success: #4559ad;
  --color-input-border-error: #f13865;
  --color-input-border-disabled: #ececec;
  --color-input-bg: #ffffff;
  --color-input-bg-disabled: #f7f7f7;
  --color-input-fg: #11131e;
  --color-input-fg-placeholder: #666666;
  --color-input-fg-disabled: #b8b8b8;
  --color-input-label-fg: #11131e;
  --color-input-label-required: #f13865;
  --color-input-message-fg: #f13865;
  --radius-input: 0.25rem;
  --text-input-label: 1.125rem;
  --text-input-label--line-height: 1.3;
  --text-input-label--font-weight: 600;
  --text-input: 1rem;
  --text-input--line-height: 1.6;
  --text-input--font-weight: 400;
  --text-input-error-message: 0.75rem;
  --text-input-error-message--line-height: 1.2;
  --text-input-error-message--font-weight: 600;
  --color-footer-bg: #11131e;
  --color-footer-contact-bg: rgb(80 86 115 / 18%);
  --color-footer-button: #3547ef;
  --color-footer-fg: #ffffff;
  --color-footer-fg-muted: #b8b8b8;
  --color-footer-border: #ffffff;
  --color-footer-description: #b8b8b8;
  --color-footer-divider: rgb(255 255 255 / 40%);
  --color-footer-mobile-bg: #11131e;
  --color-footer-mobile-divider: rgb(255 255 255 / 20%);
  --text-footer-tagline: 1.5rem;
  --text-footer-tagline--line-height: 1.3;
  --text-footer-tagline--font-weight: 600;
  --text-footer-label: 1rem;
  --text-footer-label--line-height: 1.6;
  --text-footer-label--font-weight: 500;
  --text-footer-body: 1rem;
  --text-footer-body--line-height: 1.6;
  --text-footer-body--font-weight: 400;
  --text-footer-title: 0.875rem;
  --text-footer-title--line-height: 1.6;
  --text-footer-title--font-weight: 400;
  --text-footer-button-label: 1.125rem;
  --text-footer-button-label--line-height: 1.6;
  --text-footer-button-label--font-weight: 500;
  --color-select-trigger-bg: #3547ef;
  --color-select-trigger-fg: #ffffff;
  --color-select-panel-bg: #ffffff;
  --color-select-option-fg: #1d295e;
  --color-select-option-fg-selected: #11131e;
  --color-select-option-hover: #f7f7f7;
  --color-select-divider: #ececec;
  --radius-select: 0.25rem;
  --shadow-select: 0 2px 5px rgb(7 15 41 / 16%);
  --text-select-label: 1rem;
  --text-select-label--line-height: 1.6;
  --text-select-label--font-weight: 600;
  --text-select-option: 1rem;
  --text-select-option--line-height: 1.6;
  --text-select-option--font-weight: 400;
  --color-subheader-secondary-bg: #ffffff;
  --color-subheader-secondary-fg: #11131e;
  --color-subheader-secondary-subtitle: #1d295e;
  --color-subheader-secondary-tab-inactive: #666666;
  --color-subheader-secondary-tab-active: #3547ef;
  --color-subheader-secondary-tab-divider: #ececec;
  --color-checkbox-border: #447bf3;
  --color-checkbox-checked-bg: #3547ef;
  --color-checkbox-checked-border: #3547ef;
  --color-checkbox-indeterminate-border: #283cc2;
  --color-checkbox-mark: #f7f7f7;
  --radius-checkbox: 0.25rem;
  --color-catalog-bg: #3547ef;
  --color-catalog-bg-pressed: #283cc2;
  --color-catalog-border: #283cc2;
  --color-catalog-fg: #f7f7f7;
  --color-catalog-bg-disabled: #ffffff;
  --color-catalog-border-disabled: #b8b8b8;
  --color-catalog-fg-disabled: #b8b8b8;
  --color-iconbtn-dark-bg: #020c4e;
  --color-iconbtn-dark-border: rgb(255 255 255 / 20%);
  --color-iconbtn-dark-fg: #f7f7f7;
  --color-iconbtn-light-bg: #ffffff;
  --color-iconbtn-light-border: rgb(68 123 243 / 60%);
  --color-iconbtn-light-fg: #3547ef;
  --shadow-iconbtn: 0 2px 5px rgb(7 15 41 / 16%);
  --color-chip-bg: #ffffff;
  --color-chip-border: #3547ef;
  --color-chip-fg: #666666;
  --color-chip-bg-selected: #3547ef;
  --color-chip-fg-selected: #ffffff;
  --radius-chip: 9999px;
  --spacing-chip-h-md: 44px;
  --spacing-chip-h-sm: 28px;
  --spacing-chip-x-md: 28px;
  --spacing-chip-x-sm: 16px;
  --text-chip-md: 0.875rem;
  --text-chip-md--line-height: 1.6;
  --text-chip-md--font-weight: 600;
  --text-chip-sm: 0.875rem;
  --text-chip-sm--line-height: 1.6;
  --text-chip-sm--font-weight: 600;
  --color-radio-border: #3547ef;
  --color-radio-dot: #3547ef;
  --color-radio-group-box-border: #666666;
  --text-radio-label: 1rem;
  --text-radio-label--line-height: 1.6;
  --text-radio-label--font-weight: 600;
  --color-board-row-bg: #ffffff;
  --color-board-row-header-bg: #f7f7f7;
  --color-board-row-title: #11131e;
  --color-board-row-meta: #666666;
  --radius-board-row: 0.375rem;
  --color-faq-bg: #ffffff;
  --color-faq-question: #11131e;
  --color-faq-icon: #11131e;
  --radius-faq: 0.25rem;
  --color-empty-state-fg: #666666;
  --color-pagination-active-bg: #3547ef;
  --color-pagination-active-fg: #ffffff;
  --color-pagination-fg: #666666;
  --color-pagination-nav-fg: #11131e;
  --radius-pagination-item: 0.25rem;
  --color-searchbar-bg: #ffffff;
  --color-searchbar-border: #666666;
  --color-searchbar-border-focus: #3547ef;
  --radius-searchbar: 0.25rem;
  --color-searchbar-fg: #11131e;
  --color-searchbar-placeholder: #666666;
  --color-searchbar-icon: #11131e;
  --color-searchbar-clear-bg: rgb(68 123 243 / 60%);
  --color-searchbar-clear-fg: #ffffff;
  --color-news-card-media-bg: #f7f7f7;
  --color-news-card-title: #11131e;
  --color-news-card-date: #666666;
  --radius-news-card-media: 0.25rem;
  --text-news-card-title-sm: 16px;
  --text-news-card-title-sm--line-height: 160%;
  --text-news-card-title-sm--font-weight: 600;
  --text-news-card-title-size: 1.5rem;
  --text-news-card-title-size--line-height: 1.3;
  --text-news-card-title-size--font-weight: 600;
  --text-news-card-date-size: 1rem;
  --text-news-card-date-size--line-height: 1.6;
  --text-news-card-date-size--font-weight: 400;
  --radius-product-card: 20px;
  --color-product-card-bg: rgb(255 255 255 / 18%);
  --color-product-card-border: rgb(255 255 255 / 55%);
  --shadow-product-card: 0 2px 4px rgb(17 24 39 / 6%), 0 4px 32px rgb(59 130 246 / 15%);
  --color-product-card-hover-bg: #ffffff;
  --color-product-card-hover-border: #73abfd;
  --shadow-product-card-hover: 0 8px 8px rgb(59 130 246 / 10%), 0 0 16px rgb(59 130 246 / 30%);
  --color-product-card-disabled-border: rgb(46 115 255 / 55%);
  --color-product-card-tag-bg: rgb(46 115 255 / 8%);
  --color-product-card-tag-border: #2e73ff;
  --color-product-card-tag-fg: #2e73ff;
  --radius-product-card-tag: 13px;
  --color-card-border: #ffffff;
  --radius-card: 20px;
  --shadow-card: 0 1px 8px rgb(69 56 184 / 6%), 0 4px 24px rgb(69 56 184 / 10%);
  --color-card-no: #3547ef;
  --color-card-title: #11131e;
  --color-card-desc: #666666;
  --text-card-desc-sm: 16px;
  --text-card-desc-sm--line-height: 160%;
  --text-card-desc-sm--font-weight: 600;
  --color-install-frame-border: #e6e8ed;
  --text-popup-eyebrow: 14px;
  --text-popup-eyebrow--line-height: 17px;
  --text-popup-eyebrow--font-weight: 600;
  --color-dialog-bg: #ffffff;
  --color-dialog-text: #11131e;
  --shadow-dialog: 0 5px 12px rgb(0 0 0 / 40%);
  --text-dialog-title: 1.5rem;
  --text-dialog-title--line-height: 1.3;
  --text-dialog-title--font-weight: 600;
  --text-dialog-description: 1rem;
  --text-dialog-description--line-height: 1.6;
  --text-dialog-description--font-weight: 400;
  --text-dialog-text-sub: 1rem;
  --text-dialog-text-sub--line-height: 1.6;
  --text-dialog-text-sub--font-weight: 600;
  --text-dialog-text-content: 1rem;
  --text-dialog-text-content--line-height: 1.6;
  --text-dialog-text-content--font-weight: 400;
  --color-accordion-bg: oklch(0.5955 0.2199 262.26 / 8%);
  --color-accordion-question-open: #283cc2;
  --text-accordion-question-open: 1.125rem;
  --text-accordion-question-open--line-height: 1.3;
  --text-accordion-question-open--font-weight: 600;
  --color-data-table-header-bg: oklch(0.5955 0.2199 262.26 / 7.8%);
  --color-data-table-border: #11131e;
  --color-privacy-hero-bg: #11131e;
  --color-privacy-hero-fg: #f7f7f7;
  --color-privacy-hero-muted: #b8b8b8;
  --color-privacy-body-fg: #11131e;
  --color-privacy-meta-fg: #666666;
  --color-privacy-rule: #ececec;
  --color-privacy-accent: #3547ef;
  --color-privacy-version-bg: #3547ef;
  --color-privacy-version-fg: #ffffff;
  --color-privacy-note-bg: #f7f7f7;
  --color-card-list-header-bg: oklch(0.5955 0.2199 262.26 / 8%);
  --radius-tag: 999px;
  --radius-installation-media: 12px;
  --text-tag: 0.875rem;
  --text-tag--line-height: 1.2;
  --text-tag--font-weight: 600;
  --spacing-chips-other-bottom: 11px;
  --color-product-detail-surface: #ffffff;
  --color-product-detail-heading-fg: #000000;
  --color-product-detail-table-border: #000000;
  --color-product-detail-indicator: #3547ef;
  --spacing-product-detail-action: 11px;
  --radius-product-detail-spec-image: 0.25rem;
  --color-product-detail-eyebrow: #3547ef;
  --gradient-product-detail-header: linear-gradient( 90deg, #e0eaff 0%, #f7f9ff 100% );
  --color-product-detail-row-border: #d6d6d6;
  --color-product-detail-row-border-strong: #666666;
  --color-product-detail-label-fg: #11131e;
  --color-product-detail-value-fg: #666666;
  --color-product-detail-modal-header-bg: #ececec;
  --color-product-detail-modal-row-border: #b8b8b8;
  --color-product-detail-button-border: #447bf3;
  --color-product-detail-media-bg: #f7f7f7;
  --color-spec-tag-blue: #2e73ff;
  --color-spec-tag-green: #12b76a;
  --color-spec-tag-purple: #7b5cf0;
  --color-spec-tag-orange: #f97316;
  --color-product-detail-copy-tooltip-bg: #283cc2;
  --shadow-spec-tag: 0px 1px 6px 0px rgba(0, 0, 0, 0.0392);
  --shadow-product-detail-copy-tooltip: 0px 1px 3px 0px #0000004d, 0px 4px 8px 0px #00000026;
  --text-business-tech-section-subtitle-size: 1.5rem;
  --color-business-tech-section-subtitle: #447bf3;
  --text-business-tech-section-subtitle--line-height: 1.3;
  --text-business-tech-section-subtitle--font-weight: 600;
  --text-business-tech-section-title-size: 4rem;
  --text-business-tech-section-title-size--font-weight: 700;
  --color-business-tech-section-title: #11131e;
  --text-business-tech-section-desc-size: 1.125rem;
  --text-business-tech-section-desc--line-height: 1.6;
  --text-business-tech-section-desc--font-weight: 500;
  --color-business-tech-section-desc: #1d295e;
  --gradient-slide-counter-bg: linear-gradient( 135deg, rgb(255 255 255 / 95%) 0%, rgb(247 247 250 / 85%) 35.36%, rgb(235 237 245 / 70%) 70.71% );
  --text-error-message-title-size: 140px;
  --text-error-message-title-size--line-height: 120%;
  --text-error-message-title-size--font-weight: 700;
  --color-error-message-title: #f13865;
  --text-error-message-subtitle-size: 3rem;
  --text-error-message-subtitle-size--font-weight: 700;
  --color-error-message-subtitle: #666666;
  --text-error-message-desc-size: 1.125rem;
  --color-error-message-desc: #666666;
  --color-glow-blue: #a9c4ff;
  --color-csms-promo-blue-hover: rgba(74, 143, 255, 0.18);
  --color-csms-promo-blue-border: rgba(74, 143, 255, 0.6);
  --color-csms-promo-green-hover: rgba(74, 222, 128, 0.18);
  --color-csms-promo-green-border: rgba(74, 222, 128, 0.6);
  --color-csms-promo-purple-hover: rgba(167, 139, 250, 0.18);
  --color-csms-promo-purple-border: rgba(167, 139, 250, 0.6);
  --color-csms-promo-orange-hover: rgba(251, 191, 36, 0.18);
  --color-csms-promo-orange-border: rgba(251, 191, 36, 0.6);
  --color-brand-logo: rgba(239, 242, 250, 1);
  --color-character-section-bg: rgba(247, 247, 250, 1);
  --color-character-card-bg: rgba(239, 242, 250, 1);
}