/* TY Cruise Design System v1.1.0 — shared values; edit here first. */
@font-face {
  font-family: 'TY Pretendard';
  src: url('./fonts/PretendardVariable.woff2') format('woff2');
  font-weight: 45 920;
  font-style: normal;
  font-display: swap;
}
.ty-site {
  --ty-font: 'TY Pretendard', -apple-system, BlinkMacSystemFont, 'Apple SD Gothic Neo', sans-serif;
  --ty-bg: #ffffff;
  --ty-surface: #f5f5f7;
  --ty-text: #1d1d1f;
  --ty-muted: #626267;
  --ty-border: #d2d2d7;
  --ty-control-border: #86868b;
  --ty-action: #0066cc;
  --ty-action-hover: #0056ad;
  --ty-on-action: #ffffff;
  --ty-focus: #0066cc;
  --ty-error: #b42318;
  --ty-success: #176b3a;
  --ty-disabled-bg: #e8e8ed;
  --ty-disabled-text: #626267;
  --ty-space-1: 4px;
  --ty-space-2: 8px;
  --ty-space-3: 12px;
  --ty-space-4: 16px;
  --ty-space-5: 24px;
  --ty-space-6: 32px;
  --ty-space-7: 48px;
  --ty-space-8: 64px;
  --ty-space-9: 96px;
  --ty-space-10: 120px;
  --ty-gutter: 20px;
  --ty-section-space: 64px;
  --ty-content-max: 1200px;
  --ty-reading-max: 760px;
  --ty-form-max: 640px;
  --ty-header-height: 64px;
  --ty-radius-card: 24px;
  --ty-radius-field: 12px;
  --ty-radius-pill: 999px;
  --ty-title-hero: clamp(40px, 5.5vw, 80px);
  --ty-title-section: clamp(32px, 3.6vw, 52px);
  --ty-title-card: clamp(24px, 2.3vw, 32px);
  --ty-body: 17px;
  --ty-small: 14px;
  --ty-caption: 12px;
  --ty-duration: 180ms;
  --ty-ease: ease-out;
  --ty-reveal-duration: 500ms;
  --ty-reveal-stagger: 80ms;
  --ty-reveal-distance: 16px;
  --ty-reveal-ease: cubic-bezier(0.22, 1, 0.36, 1);
  --ty-layer-header: 20;
}
@media (min-width: 768px) {
  .ty-site { --ty-reveal-distance: 24px; --ty-gutter: 32px; --ty-section-space: 96px; }
}
@media (min-width: 1024px) {
  .ty-site { --ty-gutter: 48px; --ty-section-space: 120px; }
}

/* v1.2.0 · Figma website/detail palette, 2026-10-11. */
.ty-site {
 --ty-white:#fff;
 --ty-paper:#fbfbfd;
 --ty-brand-blue:#285ee9;
 --ty-brand-gradient:linear-gradient(150deg,#285ee9 23.411%,#5943f8 76.589%);
 --ty-light-gradient:linear-gradient(#f6f8fd,#c4dcff);
 --ty-hero-text-gradient:linear-gradient(178deg,#fff 5.5187%,#a4cbff 94.481%);
 --ty-section-gradient:linear-gradient(#fbfbfd,#e2eeff);
 --ty-compare-gradient:linear-gradient(#70adff,#cee2ff);
 --ty-featured-gradient:linear-gradient(90deg,#f5faff,#e2eeff);
 --ty-sun-featured-gradient:linear-gradient(90deg,#fff7eb,#fff);
 --ty-white-glass:rgba(255,255,255,.65);
 --ty-card-shadow:3px 4px 4px rgba(0,0,0,.07);
 --ty-sticky-shadow:0 -6px 18px rgba(5,15,36,.14);
}
.ty-site:has(.ty-product) {--ty-reveal-ease:ease-out;--ty-reveal-stagger:120ms}