:root {
  --td-font-sans: 'Malgun Gothic', 'Apple SD Gothic Neo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --td-page-bg: #f9fafb;
  --td-ink: #0f172a;
  --td-line-height: 1.68;
  --td-line-height-desktop: 1.58;
  --td-body-font-size: 15.75px;
  --td-body-font-size-desktop: 15.75px;
  --td-body-font-size-mobile: 15.5px;
  --td-text-xs: 0.82rem;
  --td-text-xs-line: 1.4rem;
  --td-text-sm: 0.95rem;
  --td-text-sm-line: 1.55rem;
  --td-text-base: 1.02rem;
  --td-text-base-line: 1.7rem;
  --td-text-xs-desktop: 0.81rem;
  --td-text-xs-line-desktop: 1.32rem;
  --td-text-sm-desktop: 0.93rem;
  --td-text-sm-line-desktop: 1.46rem;
  --td-text-base-desktop: 1rem;
  --td-text-base-line-desktop: 1.58rem;
  --td-text-lg-desktop: 1.1rem;
  --td-text-lg-line-desktop: 1.62rem;
  --td-text-xl-desktop: 1.22rem;
  --td-text-xl-line-desktop: 1.7rem;
  --td-input-font-size: 16px;
  --td-input-line-height: 1.45;
  --td-input-font-size-desktop: 14.25px;
  --td-input-line-height-desktop: 1.38;
  --td-control-h: 2.2rem;
  --td-control-h-sm: 2.15rem;
  --td-control-h-md: 2.35rem;
  --td-control-h-lg: 2.55rem;
  --td-control-h-xl: 2.85rem;
  --td-control-touch-h: 40px;
  --td-radius-control: 0.75rem;
  --td-radius-card: 1rem;
  --td-radius-card-mobile: 1.05rem;
  --td-radius-panel: 10px;
  --td-shadow-elevated: 0 12px 28px rgba(15, 23, 42, 0.12);
  --td-space-2: 0.5rem;
  --td-space-3: 0.75rem;
  --td-space-4: 1rem;
  --td-space-5: 1.25rem;
  --td-compact-p-5: 1rem;
  --td-compact-p-6: 1rem;
  --td-compact-p-8: 1.25rem;
  --td-compact-py-5: 0.9rem;
  --td-compact-py-6: 1rem;
  --td-compact-gap-lg: 0.9rem;
  --td-public-card-radius: 0.95rem;
  --td-public-panel-radius: 1.05rem;
  --td-public-control-h: 2.32rem;
  --td-public-control-h-sm: 2.05rem;
  --td-public-control-font: 0.9rem;
  --td-public-control-pad-x: 0.82rem;
  --td-public-control-pad-x-lg: 1rem;
  --td-public-card-pad: 1.05rem;
  --td-public-card-pad-lg: 1.18rem;
  --td-public-section-gap: 1rem;
  --td-public-title-h1: clamp(1.48rem, 1.26rem + 0.45vw, 1.95rem);
  --td-public-title-h2: clamp(1.12rem, 1.02rem + 0.25vw, 1.34rem);
  --td-public-title-h3: clamp(1rem, 0.94rem + 0.16vw, 1.14rem);
  --td-public-title-mobile-h1: clamp(1.38rem, 1.18rem + 0.9vw, 1.72rem);
  --td-public-title-mobile-h2: clamp(1.06rem, 0.98rem + 0.45vw, 1.22rem);
  --td-public-title-mobile-h3: 1rem;
  --td-public-hero-title: 1.72rem;
  --td-public-hero-title-lg: 2.02rem;
  --td-public-hero-copy: 0.94rem;
  --td-public-empty-py: 2.55rem;
  --td-header-logo-width: clamp(108px, 29vw, 140px);
  --td-header-logo-height: 38px;
  --td-header-logo-image-height: 32px;
  --td-live-trigger-h: 32px;
  --td-live-badge-h: 20px;
  --td-live-font: 12.5px;
  --td-live-panel-radius: var(--td-radius-panel);
  --td-live-row-h: 28px;
  --td-sidebar-link-h: 2rem;
  --td-admin-bg: #e7edf4;
  --td-admin-panel: #fbfcfe;
  --td-admin-panel-soft: #f3f6fa;
  --td-admin-line: #c8d2df;
  --td-admin-line-soft: #dde5ee;
  --td-admin-ink: #172033;
  --td-admin-muted: #3f4d63;
  --td-admin-brand: #263a56;
  --td-admin-brand-strong: #162238;
  --td-admin-brand-soft: #e6edf5;
  --td-admin-table-head: #edf2f7;
  --td-admin-table-row: #f8fafc;
  --td-admin-focus: #315a86;
  --td-admin-control-h: 36px;
  --td-admin-control-mobile-h: 40px;
  --td-admin-card-radius: 8px;
  --td-admin-card-pad: 0.86rem;
  --td-admin-section-gap: 0.78rem;
  --td-admin-table-font: 12px;
  --td-admin-table-head-font: 10.75px;
  --td-admin-font-2xs: 11px;
  --td-admin-font-xs: 12px;
  --td-admin-font-sm: 13.25px;
  --td-admin-font-base: 13.75px;
  --td-admin-line-height: 1.46;
}

@media (min-width: 640px) {
  :root {
    --td-header-logo-width: 148px;
    --td-header-logo-height: 40px;
    --td-header-logo-image-height: 35px;
  }
}

@media (min-width: 1024px) {
  :root {
    --td-header-logo-width: 184px;
    --td-header-logo-height: 44px;
    --td-header-logo-image-height: 38px;
  }
}