:root {
  --td-font-sans: 'Malgun Gothic', 'Apple SD Gothic Neo', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --td-calm-surface: #fffefa;
  --td-calm-surface-muted: #f8fcff;
  --td-calm-soft: var(--td-logo-action-soft);
  --td-calm-soft-strong: var(--td-logo-action-soft-strong);
  --td-calm-line: #d6e8f2;
  --td-calm-line-strong: var(--td-logo-action-line);
  --td-calm-primary: var(--td-logo-action);
  --td-calm-primary-strong: var(--td-logo-action-hover);
  --td-calm-primary-soft: var(--td-logo-action-soft);
  --td-calm-sky: #03a4b7;
  --td-calm-sky-soft: #eef9fd;
  --td-calm-coral: #c66f5c;
  --td-calm-warm: #f9f4e8;
  --td-logo-blue: #0088cf;
  --td-logo-blue-strong: #0072ad;
  --td-logo-blue-deep: #014565;
  --td-logo-blue-bright: #03a4b7;
  --td-logo-blue-soft: #e7f6fd;
  --td-logo-blue-soft-strong: #d3effb;
  --td-logo-blue-line: #9bd8f5;
  --td-ui-action: #d96f2f;
  --td-ui-action-hover: #bf6128;
  --td-logo-action: var(--td-ui-action);
  --td-logo-action-hover: var(--td-ui-action-hover);
  --td-logo-action-pressed: #7a3514;
  --td-logo-action-soft: #fff1e8;
  --td-logo-action-soft-strong: #ffd7bc;
  --td-logo-action-line: #e7aa77;
  --td-logo-action-bright: #cc6a2f;
  --color-blue-50: var(--td-logo-action-soft);
  --color-blue-100: var(--td-logo-action-soft-strong);
  --color-blue-200: #f2c7a2;
  --color-blue-300: #eca66b;
  --color-blue-400: var(--td-logo-action-bright);
  --color-blue-500: var(--td-logo-action);
  --color-blue-600: var(--td-logo-action);
  --color-blue-700: var(--td-logo-action-hover);
  --color-blue-800: var(--td-logo-action-pressed);
  --color-blue-900: #7a3e16;
  --color-blue-950: #4a260f;
  --color-sky-50: var(--td-logo-action-soft);
  --color-sky-100: var(--td-logo-action-soft-strong);
  --color-sky-200: #f2c7a2;
  --color-sky-300: #eca66b;
  --color-sky-400: var(--td-logo-action-bright);
  --color-sky-500: var(--td-logo-action);
  --color-sky-600: var(--td-logo-action);
  --color-sky-700: var(--td-logo-action-hover);
  --color-sky-800: var(--td-logo-action-pressed);
  --color-sky-900: #7a3e16;
  --color-emerald-50: var(--td-logo-action-soft);
  --color-emerald-100: var(--td-logo-action-soft-strong);
  --color-emerald-200: #f2c7a2;
  --color-emerald-300: #eca66b;
  --color-emerald-400: var(--td-logo-action-bright);
  --color-emerald-500: var(--td-logo-action);
  --color-emerald-600: var(--td-logo-action);
  --color-emerald-700: var(--td-logo-action-hover);
  --color-emerald-800: var(--td-logo-action-pressed);
  --color-emerald-900: #7a3e16;
  --color-emerald-950: #4a260f;
  --color-teal-50: var(--td-logo-action-soft);
  --color-teal-100: var(--td-logo-action-soft-strong);
  --color-teal-200: #f2c7a2;
  --color-teal-300: #eca66b;
  --color-teal-400: var(--td-logo-action-bright);
  --color-teal-500: var(--td-logo-action);
  --color-teal-600: var(--td-logo-action);
  --color-teal-700: var(--td-logo-action-hover);
  --color-teal-800: var(--td-logo-action-pressed);
  --color-teal-900: #7a3e16;
  --color-green-50: var(--td-logo-action-soft);
  --color-green-100: var(--td-logo-action-soft-strong);
  --color-green-200: #f2c7a2;
  --color-green-300: #eca66b;
  --color-green-400: var(--td-logo-action-bright);
  --color-green-500: var(--td-logo-action);
  --color-green-600: var(--td-logo-action);
  --color-green-700: var(--td-logo-action-hover);
  --color-lime-50: var(--td-logo-action-soft);
  --color-lime-200: #f2c7a2;
  --color-lime-500: var(--td-logo-action);
  --color-lime-600: var(--td-logo-action);
  --color-lime-700: var(--td-logo-action-hover);
  --td-line-height: 1.68;
  --td-line-height-desktop: 1.58;
  --td-body-font-size: 15.5px;
  --td-body-font-size-desktop: 15.5px;
  --td-body-font-size-mobile: 15.35px;
  --td-text-xs: 0.84rem;
  --td-text-xs-line: 1.45rem;
  --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.84rem;
  --td-text-xs-line-desktop: 1.4rem;
  --td-text-sm-desktop: 0.94rem;
  --td-text-sm-line-desktop: 1.5rem;
  --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.1rem;
  --td-control-h-sm: 2rem;
  --td-control-h-md: 2.2rem;
  --td-control-h-lg: 2.4rem;
  --td-control-h-xl: 2.65rem;
  --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.1rem;
  --td-public-control-h-sm: 2rem;
  --td-public-control-font: 0.86rem;
  --td-public-control-pad-x: 0.78rem;
  --td-public-control-pad-x-lg: 0.96rem;
  --td-public-card-pad: 1rem;
  --td-public-card-pad-lg: 1.12rem;
  --td-public-section-gap: 0.95rem;
  --td-public-title-h1: 1.12rem;
  --td-public-title-h2: 1.04rem;
  --td-public-title-h3: 0.98rem;
  --td-public-title-mobile-h1: 1.08rem;
  --td-public-title-mobile-h2: 1.02rem;
  --td-public-title-mobile-h3: 0.98rem;
  --td-public-hero-title: 1.08rem;
  --td-public-hero-title-lg: 1.14rem;
  --td-public-hero-copy: 0.9rem;
  --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: 2.32rem;
  --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: 1.85rem;
  --td-admin-bg: #edf2f7;
  --td-admin-panel: #ffffff;
  --td-admin-panel-soft: #f6f8fb;
  --td-admin-line: #b8c7d6;
  --td-admin-line-soft: #c8d4e1;
  --td-admin-ink: #102033;
  --td-admin-muted: #3d4f66;
  --td-admin-brand: #315a86;
  --td-admin-brand-strong: #24476f;
  --td-admin-brand-soft: #e8f0f8;
  --td-admin-table-head: #eef3f8;
  --td-admin-table-row: #f7f9fc;
  --td-admin-focus: #315a86;
  --td-admin-control-h: 32px;
  --td-admin-control-mobile-h: 36px;
  --td-admin-card-radius: 8px;
  --td-admin-card-pad: 0.66rem;
  --td-admin-section-gap: 0.5rem;
  --td-admin-table-font: 12px;
  --td-admin-table-head-font: 11px;
  --td-admin-font-2xs: 11px;
  --td-admin-font-xs: 12px;
  --td-admin-font-sm: 13px;
  --td-admin-font-base: 13px;
  --admin-final-subtitle: 13px;
  --admin-final-body: 12px;
  --td-admin-line-height: 1.4;
}

/* Public accent palette contract. The public layouts set one palette key on html. */
[data-taildo-accent="fox"] {--td-ui-action:#d96f2f;--td-ui-action-hover:#bf6128;--td-logo-action-pressed:#7a3514;--td-logo-action-soft:#fff1e8;--td-logo-action-soft-strong:#ffd7bc;--td-logo-action-line:#e7aa77;--td-logo-action-bright:#cc6a2f;}
[data-taildo-accent="coral"] {--td-ui-action:#c85d45;--td-ui-action-hover:#ad4c37;--td-logo-action-pressed:#7f3428;--td-logo-action-soft:#fff0ec;--td-logo-action-soft-strong:#ffd8cf;--td-logo-action-line:#e6a293;--td-logo-action-bright:#dc735b;}
[data-taildo-accent="rose"] {--td-ui-action:#be3f63;--td-ui-action-hover:#a93252;--td-logo-action-pressed:#792039;--td-logo-action-soft:#fff0f4;--td-logo-action-soft-strong:#ffd6e1;--td-logo-action-line:#e69aae;--td-logo-action-bright:#d65a7b;}
[data-taildo-accent="violet"] {--td-ui-action:#6d4dc4;--td-ui-action-hover:#5a3baa;--td-logo-action-pressed:#41277f;--td-logo-action-soft:#f4f0ff;--td-logo-action-soft-strong:#e3d8ff;--td-logo-action-line:#ad9add;--td-logo-action-bright:#8063d6;}
[data-taildo-accent="ocean"] {--td-ui-action:#2867b2;--td-ui-action-hover:#205795;--td-logo-action-pressed:#173e6f;--td-logo-action-soft:#eef6ff;--td-logo-action-soft-strong:#d4e8ff;--td-logo-action-line:#8db6e5;--td-logo-action-bright:#3c7bc4;}
[data-taildo-accent="teal"] {--td-ui-action:#0f766e;--td-ui-action-hover:#0c625c;--td-logo-action-pressed:#084943;--td-logo-action-soft:#ecfdf9;--td-logo-action-soft-strong:#ccf5ec;--td-logo-action-line:#7dcbbd;--td-logo-action-bright:#188b81;}

html[data-theme="dark"][data-taildo-accent="fox"] {--td-ui-action:#d96f2f;--td-ui-action-hover:#bf6128;--td-logo-action-pressed:#93461d;--td-logo-action-soft:#2a1710;--td-logo-action-soft-strong:#3a2015;--td-logo-action-line:#754329;--td-logo-action-bright:#e98b48;}
html[data-theme="dark"][data-taildo-accent="coral"] {--td-ui-action:#d46c55;--td-ui-action-hover:#bb5842;--td-logo-action-pressed:#8d3a2d;--td-logo-action-soft:#2b1714;--td-logo-action-soft-strong:#3d211c;--td-logo-action-line:#75483d;--td-logo-action-bright:#e47f68;}
html[data-theme="dark"][data-taildo-accent="rose"] {--td-ui-action:#d25577;--td-ui-action-hover:#b94060;--td-logo-action-pressed:#84263e;--td-logo-action-soft:#2b131c;--td-logo-action-soft-strong:#3d1a28;--td-logo-action-line:#744052;--td-logo-action-bright:#df6c8a;}
html[data-theme="dark"][data-taildo-accent="violet"] {--td-ui-action:#8b6ddd;--td-ui-action-hover:#7355c4;--td-logo-action-pressed:#4d348f;--td-logo-action-soft:#1d1830;--td-logo-action-soft-strong:#2b2146;--td-logo-action-line:#5c4a86;--td-logo-action-bright:#9b80e7;}
html[data-theme="dark"][data-taildo-accent="ocean"] {--td-ui-action:#4b86ca;--td-ui-action-hover:#3972b4;--td-logo-action-pressed:#234f83;--td-logo-action-soft:#111e30;--td-logo-action-soft-strong:#172b44;--td-logo-action-line:#3f648c;--td-logo-action-bright:#6599d4;}
html[data-theme="dark"][data-taildo-accent="teal"] {--td-ui-action:#2f9389;--td-ui-action-hover:#247d75;--td-logo-action-pressed:#155b55;--td-logo-action-soft:#0d211f;--td-logo-action-soft-strong:#12332f;--td-logo-action-line:#376f68;--td-logo-action-bright:#49a69c;}

@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;
  }
}