:root {
--white: #FFFFFF;
--neutral-50: #F4F6F6;
--neutral-100: #E9ECEC;
--neutral-200: #D3DAD9;
--neutral-300: #BCC4C4;
--neutral-400: #A3AAAB;
--neutral-500: #80868B;
--neutral-600: #6A7173;
--neutral-700: #545A5D;
--neutral-800: #3C4244;
--neutral-900: #252B2E;
--zt-orange-50: #FFF1EC;
--zt-orange-100: #FEE1D8;
--zt-orange-200: #FFBFAB;
--zt-orange-300: #FF9472;
--zt-orange-400: #F15A25;
--zt-orange-500: #CF4C1D;
--zt-orange-600: #A63A14;
--zt-orange-700: #852D0E;
--zt-orange-800: #622008;
--zt-orange-900: #411204;
--zt-grey-800: #4C5252;
--zt-ink-900: #1F242C;
--zt-slate-600: #5F708F;
--zt-grey-50: #F8F8F8;
--grey-300: #D3D3D3;
--teal-700: #0E6B5C;
--teal-50: #E3F4F0;
--amber-700: #8A5300;
--amber-50: #FFF4DD;
--red-700: #B42318;
--red-50: #FDECEA;
--blue-700: #1D4F91;
--blue-50: #E8F0FB;
--color-primary-50: var(--zt-orange-50);
--color-primary-100: var(--zt-orange-100);
--color-primary-200: var(--zt-orange-200);
--color-primary-300: var(--zt-orange-300);
--color-primary-400: var(--zt-orange-400);
--color-primary-500: var(--zt-orange-500);
--color-primary-600: var(--zt-orange-600);
--color-primary-700: var(--zt-orange-700);
--color-primary-800: var(--zt-orange-800);
--color-primary-900: var(--zt-orange-900);
--color-brand-primary: var(--zt-orange-400);
--color-brand-secondary: var(--zt-grey-800);
--color-brand-accent: var(--zt-orange-100);
--color-bg-app: var(--zt-grey-50);
--color-bg-surface: var(--white);
--color-bg-inverse: var(--zt-grey-800);
--color-bg-selected: var(--zt-orange-50);
--color-bg-row-hover: var(--zt-grey-50);
--color-bg-disabled: var(--neutral-100);
--color-text-primary: var(--zt-grey-800);
--color-text-heading: var(--zt-grey-800);
--color-text-secondary: var(--zt-slate-600);
--color-text-brand: var(--zt-orange-600);
--color-text-disabled: var(--neutral-500);
--color-text-link: var(--zt-grey-800);
--color-text-on-primary: var(--zt-ink-900);
--color-text-on-accent: var(--zt-grey-800);
--color-text-on-inverse: var(--white);
--color-text-accent-on-inverse: var(--zt-orange-200);
--color-text-brand-on-inverse: var(--zt-orange-300);
--color-text-on-primary-inverse: var(--zt-grey-800);
--color-border-default: var(--neutral-500);
--color-border-subtle: var(--grey-300);
--color-border-error: var(--red-700);
--color-border-focus: var(--zt-grey-800);
--color-border-focus-inverse: var(--white);
--color-interactive-primary: var(--zt-orange-400);
--color-interactive-primary-hover: var(--zt-orange-300);
--color-interactive-primary-inverse: var(--white);
--color-interactive-indicator: var(--zt-orange-500);
--color-interactive-indicator-inverse: var(--white);
--color-interactive-danger: var(--red-700);
--color-interactive-danger-hover: var(--red-50);
--color-text-on-danger: var(--white);
--color-status-success-text: var(--teal-700);
--color-status-success-bg: var(--teal-50);
--color-status-warning-text: var(--amber-700);
--color-status-warning-bg: var(--amber-50);
--color-status-error-text: var(--red-700);
--color-status-error-bg: var(--red-50);
--color-status-info-text: var(--blue-700);
--color-status-info-bg: var(--blue-50);
--font-family-heading: "Noto Sans", sans-serif;
--font-family-body: "PT Sans", sans-serif;
--font-family-base: "PT Sans", sans-serif;
--font-size-12: 12px;
--font-size-16: 16px;
--font-size-20: 20px;
--font-size-24: 24px;
--font-size-28: 28px;
--font-size-32: 32px;
--font-size-40: 40px;
--font-size-48: 48px;
--font-size-56: 56px;
--font-weight-regular: 400;
--font-weight-medium: 500;
--font-weight-semibold: 600;
--line-height-16: 16px;
--line-height-20: 20px;
--line-height-24: 24px;
--line-height-28: 28px;
--line-height-32: 32px;
--line-height-36: 36px;
--line-height-40: 40px;
--line-height-48: 48px;
--line-height-56: 56px;
--line-height-64: 64px;
--letter-spacing-tight: -0.5px;
--letter-spacing-normal: 0px;
--letter-spacing-wide: 0.5px;
--size-32: 32px;
--size-40: 40px;
--size-48: 48px;
--size-control-sm: 32px;
--size-control-md: 40px;
--size-control-lg: 48px;
--radius-0: 0px;
--radius-4: 4px;
--radius-8: 8px;
--radius-full: 999px;
--radius-control: 4px;
--radius-card: 8px;
--radius-button: 999px;
--radius-flush: 0px;
--border-width-1: 1px;
--border-width-2: 2px;
--border-offset-2: 2px;
--border-width-default: 1px;
--border-width-strong: 2px;
--border-width-focus: 2px;
--border-offset-focus: 2px;
--shadow-0: none;
--shadow-1: 0 1px 2px rgba(37, 43, 46, 0.12);
--shadow-2: 0 4px 12px rgba(37, 43, 46, 0.16);
--shadow-3: 0 12px 32px rgba(37, 43, 46, 0.24);
--shadow-card: none;
--shadow-dropdown: 0 4px 12px rgba(37, 43, 46, 0.16);
--shadow-modal: 0 12px 32px rgba(37, 43, 46, 0.24);
--shadow-sticky: 0 1px 2px rgba(37, 43, 46, 0.12);
--duration-800: 800ms;
--duration-spinner: 800ms;
--breakpoint-768: 768px;
--breakpoint-1024: 1024px;
--breakpoint-1200: 1200px;
--breakpoint-mobile-max: 767px;
--breakpoint-tablet-max: 1024px;
--breakpoint-desktop-min: 1025px;
--space-4: 4px;
--space-8: 8px;
--space-12: 12px;
--space-16: 16px;
--space-24: 24px;
--space-32: 32px;
--space-48: 48px;
--space-64: 64px;
--space-96: 96px;
--spacing-gap-xs: 4px;
--spacing-gap-sm: 8px;
--spacing-gap-md: 16px;
--spacing-gap-lg: 24px;
--spacing-inset-control: 12px;
--spacing-inset-card: 24px;
--spacing-inset-card-mobile: 16px;
--spacing-section: 32px;
--spacing-page-mobile: 16px;
--spacing-layout: 48px;
--spacing-band: 96px;
--spacing-band-tablet: 64px;
--spacing-band-mobile: 48px;
}
.text-display { font-family: var(--font-family-heading); font-size: 56px; line-height: 64px; font-weight: 600; letter-spacing: -0.5px; }
.text-h1 { font-family: var(--font-family-heading); font-size: 40px; line-height: 48px; font-weight: 600; letter-spacing: -0.5px; }
.text-h2 { font-family: var(--font-family-heading); font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: 0px; }
.text-h3 { font-family: var(--font-family-heading); font-size: 24px; line-height: 32px; font-weight: 600; letter-spacing: 0px; }
.text-h4 { font-family: var(--font-family-heading); font-size: 20px; line-height: 28px; font-weight: 600; letter-spacing: 0px; }
.text-body-lg { font-family: var(--font-family-body); font-size: 20px; line-height: 32px; font-weight: 400; letter-spacing: 0px; }
.text-body { font-family: var(--font-family-body); font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0px; }
.text-body-sm { font-family: var(--font-family-body); font-size: 12px; line-height: 20px; font-weight: 400; letter-spacing: 0px; }
.text-label { font-family: var(--font-family-heading); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0px; }
.text-caption { font-family: var(--font-family-body); font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: 0px; }
.text-numeric { font-family: var(--font-family-heading); font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: 0px; }
.text-display-tablet { font-family: var(--font-family-heading); font-size: 48px; line-height: 56px; font-weight: 600; letter-spacing: -0.5px; }
.text-h1-tablet { font-family: var(--font-family-heading); font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: -0.5px; }
.text-h2-tablet { font-family: var(--font-family-heading); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: 0px; }
.text-display-mobile { font-family: var(--font-family-heading); font-size: 40px; line-height: 48px; font-weight: 600; letter-spacing: -0.5px; }
.text-h1-mobile { font-family: var(--font-family-heading); font-size: 32px; line-height: 40px; font-weight: 600; letter-spacing: -0.5px; }
.text-h2-mobile { font-family: var(--font-family-heading); font-size: 28px; line-height: 36px; font-weight: 600; letter-spacing: 0px; }
.text-body-lg-mobile { font-family: var(--font-family-body); font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0px; }
.text-eyebrow { font-family: var(--font-family-heading); font-size: 12px; line-height: 24px; font-weight: 500; letter-spacing: 0.5px; }
.text-button { font-family: var(--font-family-heading); font-size: 16px; line-height: 24px; font-weight: 600; letter-spacing: 0px; }
.text-menu { font-family: var(--font-family-heading); font-size: 12px; line-height: 24px; font-weight: 600; letter-spacing: 0px; }