:root {
  --ty-chart-1: var(--ty-seed-brand-chart-1);
  --ty-chart-2: var(--ty-seed-brand-chart-2);
  --ty-chart-3: var(--ty-seed-brand-chart-3);
  --ty-chart-4: var(--ty-seed-brand-chart-4);
  --ty-chart-5: var(--ty-seed-brand-chart-5);
  --ty-color-bg-container: var(--ty-seed-surface-container);
  --ty-color-bg: var(--ty-seed-surface-page);
  --ty-color-bg-elevated: var(--ty-seed-surface-elevated);
  --ty-color-bg-layout: var(--ty-seed-surface-layout);
  --ty-color-bg-spotlight: var(--ty-seed-surface-spotlight);
  --ty-color-bg-disabled: var(--ty-seed-surface-disabled);
  --ty-color-fill: var(--ty-seed-surface-fill-base);
  --ty-color-text: var(--ty-seed-text-base);
  --ty-color-text-label: var(--ty-seed-text-label);
  --ty-color-text-secondary: var(--ty-seed-text-secondary);
  --ty-color-text-tertiary: var(--ty-seed-text-tertiary);
  --ty-color-text-heading: var(--ty-seed-text-heading);
  --ty-color-text-placeholder: var(--ty-seed-text-placeholder);
  --ty-color-text-quaternary: var(--ty-seed-text-quaternary);
  --ty-color-border: var(--ty-seed-border-base);
  --ty-color-border-light: var(--ty-seed-border-light);
  --ty-color-border-secondary: var(--ty-seed-border-secondary);
  --ty-color-border-btn-default: var(--ty-seed-border-button-default);
  --ty-color-primary: var(--ty-seed-brand-primary);
  --ty-color-primary-hover: var(--ty-seed-brand-primary-hover);
  --ty-color-primary-active: var(--ty-seed-brand-primary-active);
  --ty-color-primary-bg: var(--ty-seed-brand-primary-surface);
  --ty-color-primary-border: var(--ty-seed-brand-primary-border);
  --ty-color-primary-bg-hover: var(--ty-seed-brand-primary-surface-hover);
  --ty-color-primary-text-hover: var(--ty-seed-brand-primary-text-hover);
  --ty-color-info: var(--ty-seed-status-info);
  --ty-color-info-bg: var(--ty-seed-status-info-bg);
  --ty-color-info-border: var(--ty-seed-status-info-border);
  --ty-color-info-text: var(--ty-seed-status-info-text);
  --ty-color-info-hover: var(--ty-seed-status-info-hover);
  --ty-color-info-active: var(--ty-seed-status-info-active);
  --ty-color-success: var(--ty-seed-status-success);
  --ty-color-success-bg: var(--ty-seed-status-success-bg);
  --ty-color-success-border: var(--ty-seed-status-success-border);
  --ty-color-success-text: var(--ty-seed-status-success-text);
  --ty-color-success-hover: var(--ty-seed-status-success-hover);
  --ty-color-success-active: var(--ty-seed-status-success-active);
  --ty-color-warning: var(--ty-seed-status-warning);
  --ty-color-warning-bg: var(--ty-seed-status-warning-bg);
  --ty-color-warning-border: var(--ty-seed-status-warning-border);
  --ty-color-warning-text: var(--ty-seed-status-warning-text);
  --ty-color-warning-hover: var(--ty-seed-status-warning-hover);
  --ty-color-warning-active: var(--ty-seed-status-warning-active);
  --ty-color-danger: var(--ty-seed-status-danger);
  --ty-color-danger-bg: var(--ty-seed-status-danger-bg);
  --ty-color-danger-border: var(--ty-seed-status-danger-border);
  --ty-color-danger-text: var(--ty-seed-status-danger-text);
  --ty-color-danger-hover: var(--ty-seed-status-danger-hover);
  --ty-color-danger-active: var(--ty-seed-status-danger-active);
  --ty-color-fill-secondary: var(--ty-seed-surface-fill-secondary);
  --ty-color-fill-tertiary: var(--ty-seed-surface-fill-tertiary);
  --ty-color-overlay-bg: var(--ty-seed-overlay-backdrop);
  --ty-color-overlay-inverted: var(--ty-seed-overlay-inverted);
  --ty-control-group-radius: var(--ty-control-radius);
  --ty-control-group-border-width: var(--ty-seed-border-width-base);
  --ty-control-group-divider-color: var(--ty-color-border-secondary);
  --ty-control-group-focus-z-index: var(--ty-seed-layer-focus);
  --ty-control-radius: var(--ty-border-radius);
  --ty-control-height-sm: var(--ty-height-sm);
  --ty-control-height-md: var(--ty-height-md);
  --ty-control-height-lg: var(--ty-height-lg);
  --ty-control-font-size-sm: var(--ty-font-size-sm);
  --ty-control-font-size-md: var(--ty-font-size-base);
  --ty-control-font-size-lg: var(--ty-font-size-lg);
  --ty-control-padding-inline-sm: var(--ty-spacing-3);
  --ty-control-padding-inline-md: var(--ty-spacing-4);
  --ty-control-padding-inline-lg: var(--ty-spacing-5);
  --ty-control-gap-sm: var(--ty-seed-gap-control-sm);
  --ty-control-gap-md: var(--ty-seed-gap-control-md);
  --ty-control-gap-lg: var(--ty-seed-gap-control-lg);
  --ty-shadow-control: var(--ty-seed-shadow-control);
  --ty-shadow-btn: var(--ty-seed-shadow-button);
  --ty-shadow-card: var(--ty-seed-shadow-card);
  --ty-shadow-focus: var(--ty-seed-shadow-focus);
  --ty-shadow-lg: var(--ty-seed-shadow-lg);
  --ty-shadow-modal: var(--ty-seed-shadow-modal);
  --ty-shadow-popup: var(--ty-seed-shadow-popup);
  --ty-shadow-sm: var(--ty-seed-shadow-sm);
  --ty-height-sm: var(--ty-seed-size-height-sm);
  --ty-height-md: var(--ty-seed-size-height-md);
  --ty-height-lg: var(--ty-seed-size-height-lg);
  --ty-border-radius: var(--ty-seed-radius-base);
  --ty-spacer: var(--ty-seed-space-base);
  --ty-spacing-3: var(--ty-seed-space-3);
  --ty-spacing-4: var(--ty-seed-space-4);
  --ty-spacing-5: var(--ty-seed-space-5);
  --ty-font-family: var(--ty-seed-font-family-sans);
  --ty-font-family-monospace: var(--ty-seed-font-family-monospace);
  --ty-font-size-sm: var(--ty-seed-font-size-sm);
  --ty-font-size-base: var(--ty-seed-font-size-base);
  --ty-font-size-lg: var(--ty-seed-font-size-lg);
  --ty-font-weight: var(--ty-seed-font-weight-regular);
  --ty-font-weight-medium: var(--ty-seed-font-weight-medium);
  --ty-headings-font-weight: var(--ty-seed-font-weight-heading);
  --ty-line-height-base: var(--ty-seed-line-height-base);
  --ty-h1-font-size: var(--ty-seed-heading-size-h1);
  --ty-h2-font-size: var(--ty-seed-heading-size-h2);
  --ty-h3-font-size: var(--ty-seed-heading-size-h3);
  --ty-h4-font-size: var(--ty-seed-heading-size-h4);
  --ty-h5-font-size: var(--ty-seed-heading-size-h5);
  --ty-h6-font-size: var(--ty-seed-heading-size-h6);
}

[data-tiny-theme='dark'] {
  --ty-chart-1: #9065d0;
  --ty-chart-2: #177ddc;
  --ty-chart-3: #49aa19;
  --ty-chart-4: #d89614;
  --ty-chart-5: #d32029;
  --ty-color-bg-container: #1f1f1f;
  --ty-color-bg: #141414;
  --ty-color-bg-elevated: #1f1f1f;
  --ty-color-bg-layout: #141414;
  --ty-color-bg-spotlight: #2a2a2a;
  --ty-color-bg-disabled: #2a2a2a;
  --ty-color-fill: #262626;
  --ty-color-text: rgba(255, 255, 255, 0.85);
  --ty-color-text-label: rgba(255, 255, 255, 0.85);
  --ty-color-text-secondary: rgba(255, 255, 255, 0.65);
  --ty-color-text-tertiary: rgba(255, 255, 255, 0.45);
  --ty-color-text-heading: rgba(255, 255, 255, 0.85);
  --ty-color-text-placeholder: #5c5c5c;
  --ty-color-text-quaternary: rgba(255, 255, 255, 0.25);
  --ty-color-border: #424242;
  --ty-color-border-light: #303030;
  --ty-color-border-secondary: #363636;
  --ty-color-border-btn-default: #424242;
  --ty-color-primary: #9065d0;
  --ty-color-primary-hover: #a882dc;
  --ty-color-primary-active: #7a50bf;
  --ty-color-primary-bg: #1a1325;
  --ty-color-primary-border: #5b3d8f;
  --ty-color-primary-bg-hover: #231a33;
  --ty-color-primary-text-hover: #a882dc;
  --ty-color-info: #177ddc;
  --ty-color-info-bg: #111d2c;
  --ty-color-info-border: #15395b;
  --ty-color-info-text: #3c9ae8;
  --ty-color-info-hover: #3c9ae8;
  --ty-color-info-active: #1268b3;
  --ty-color-success: #49aa19;
  --ty-color-success-bg: #162312;
  --ty-color-success-border: #274916;
  --ty-color-success-text: #6abe39;
  --ty-color-success-hover: #6abe39;
  --ty-color-success-active: #3c8c14;
  --ty-color-warning: #d89614;
  --ty-color-warning-bg: #2b2111;
  --ty-color-warning-border: #594214;
  --ty-color-warning-text: #e8b339;
  --ty-color-warning-hover: #e8b339;
  --ty-color-warning-active: #b37a10;
  --ty-color-danger: #d32029;
  --ty-color-danger-bg: #2a1215;
  --ty-color-danger-border: #58181c;
  --ty-color-danger-text: #e84749;
  --ty-color-danger-hover: #e84749;
  --ty-color-danger-active: #ab1a20;
  --ty-color-fill-secondary: #2a2a2a;
  --ty-color-fill-tertiary: #303030;
  --ty-color-overlay-bg: rgba(0, 0, 0, 0.65);
  --ty-color-overlay-inverted: rgba(50, 50, 50, 0.75);
  --ty-control-group-radius: var(--ty-control-radius);
  --ty-control-group-border-width: var(--ty-seed-border-width-base);
  --ty-control-group-divider-color: var(--ty-color-border-secondary);
  --ty-control-group-focus-z-index: var(--ty-seed-layer-focus);
  --ty-control-radius: var(--ty-border-radius);
  --ty-control-height-sm: var(--ty-height-sm);
  --ty-control-height-md: var(--ty-height-md);
  --ty-control-height-lg: var(--ty-height-lg);
  --ty-control-font-size-sm: var(--ty-font-size-sm);
  --ty-control-font-size-md: var(--ty-font-size-base);
  --ty-control-font-size-lg: var(--ty-font-size-lg);
  --ty-control-padding-inline-sm: var(--ty-spacing-3);
  --ty-control-padding-inline-md: var(--ty-spacing-4);
  --ty-control-padding-inline-lg: var(--ty-spacing-5);
  --ty-control-gap-sm: var(--ty-seed-gap-control-sm);
  --ty-control-gap-md: var(--ty-seed-gap-control-md);
  --ty-control-gap-lg: var(--ty-seed-gap-control-lg);
  --ty-shadow-control: var(--ty-seed-shadow-control);
  --ty-shadow-btn: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
  --ty-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.35);
  --ty-shadow-focus: var(--ty-seed-shadow-focus);
  --ty-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  --ty-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.45);
  --ty-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --ty-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --ty-height-sm: var(--ty-seed-size-height-sm);
  --ty-height-md: var(--ty-seed-size-height-md);
  --ty-height-lg: var(--ty-seed-size-height-lg);
  --ty-border-radius: var(--ty-seed-radius-base);
  --ty-spacer: var(--ty-seed-space-base);
  --ty-spacing-3: var(--ty-seed-space-3);
  --ty-spacing-4: var(--ty-seed-space-4);
  --ty-spacing-5: var(--ty-seed-space-5);
  --ty-font-family: var(--ty-seed-font-family-sans);
  --ty-font-family-monospace: var(--ty-seed-font-family-monospace);
  --ty-font-size-sm: var(--ty-seed-font-size-sm);
  --ty-font-size-base: var(--ty-seed-font-size-base);
  --ty-font-size-lg: var(--ty-seed-font-size-lg);
  --ty-font-weight: var(--ty-seed-font-weight-regular);
  --ty-font-weight-medium: var(--ty-seed-font-weight-medium);
  --ty-headings-font-weight: var(--ty-seed-font-weight-heading);
  --ty-line-height-base: var(--ty-seed-line-height-base);
  --ty-h1-font-size: var(--ty-seed-heading-size-h1);
  --ty-h2-font-size: var(--ty-seed-heading-size-h2);
  --ty-h3-font-size: var(--ty-seed-heading-size-h3);
  --ty-h4-font-size: var(--ty-seed-heading-size-h4);
  --ty-h5-font-size: var(--ty-seed-heading-size-h5);
  --ty-h6-font-size: var(--ty-seed-heading-size-h6);
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-chart-1: #9065d0;
  --ty-chart-2: #177ddc;
  --ty-chart-3: #49aa19;
  --ty-chart-4: #d89614;
  --ty-chart-5: #d32029;
  --ty-color-bg-container: #1f1f1f;
  --ty-color-bg: #141414;
  --ty-color-bg-elevated: #1f1f1f;
  --ty-color-bg-layout: #141414;
  --ty-color-bg-spotlight: #2a2a2a;
  --ty-color-bg-disabled: #2a2a2a;
  --ty-color-fill: #262626;
  --ty-color-text: rgba(255, 255, 255, 0.85);
  --ty-color-text-label: rgba(255, 255, 255, 0.85);
  --ty-color-text-secondary: rgba(255, 255, 255, 0.65);
  --ty-color-text-tertiary: rgba(255, 255, 255, 0.45);
  --ty-color-text-heading: rgba(255, 255, 255, 0.85);
  --ty-color-text-placeholder: #5c5c5c;
  --ty-color-text-quaternary: rgba(255, 255, 255, 0.25);
  --ty-color-border: #424242;
  --ty-color-border-light: #303030;
  --ty-color-border-secondary: #363636;
  --ty-color-border-btn-default: #424242;
  --ty-color-primary: #9065d0;
  --ty-color-primary-hover: #a882dc;
  --ty-color-primary-active: #7a50bf;
  --ty-color-primary-bg: #1a1325;
  --ty-color-primary-border: #5b3d8f;
  --ty-color-primary-bg-hover: #231a33;
  --ty-color-primary-text-hover: #a882dc;
  --ty-color-info: #177ddc;
  --ty-color-info-bg: #111d2c;
  --ty-color-info-border: #15395b;
  --ty-color-info-text: #3c9ae8;
  --ty-color-info-hover: #3c9ae8;
  --ty-color-info-active: #1268b3;
  --ty-color-success: #49aa19;
  --ty-color-success-bg: #162312;
  --ty-color-success-border: #274916;
  --ty-color-success-text: #6abe39;
  --ty-color-success-hover: #6abe39;
  --ty-color-success-active: #3c8c14;
  --ty-color-warning: #d89614;
  --ty-color-warning-bg: #2b2111;
  --ty-color-warning-border: #594214;
  --ty-color-warning-text: #e8b339;
  --ty-color-warning-hover: #e8b339;
  --ty-color-warning-active: #b37a10;
  --ty-color-danger: #d32029;
  --ty-color-danger-bg: #2a1215;
  --ty-color-danger-border: #58181c;
  --ty-color-danger-text: #e84749;
  --ty-color-danger-hover: #e84749;
  --ty-color-danger-active: #ab1a20;
  --ty-color-fill-secondary: #2a2a2a;
  --ty-color-fill-tertiary: #303030;
  --ty-color-overlay-bg: rgba(0, 0, 0, 0.65);
  --ty-color-overlay-inverted: rgba(50, 50, 50, 0.75);
  --ty-control-group-radius: var(--ty-control-radius);
  --ty-control-group-border-width: var(--ty-seed-border-width-base);
  --ty-control-group-divider-color: var(--ty-color-border-secondary);
  --ty-control-group-focus-z-index: var(--ty-seed-layer-focus);
  --ty-control-radius: var(--ty-border-radius);
  --ty-control-height-sm: var(--ty-height-sm);
  --ty-control-height-md: var(--ty-height-md);
  --ty-control-height-lg: var(--ty-height-lg);
  --ty-control-font-size-sm: var(--ty-font-size-sm);
  --ty-control-font-size-md: var(--ty-font-size-base);
  --ty-control-font-size-lg: var(--ty-font-size-lg);
  --ty-control-padding-inline-sm: var(--ty-spacing-3);
  --ty-control-padding-inline-md: var(--ty-spacing-4);
  --ty-control-padding-inline-lg: var(--ty-spacing-5);
  --ty-control-gap-sm: var(--ty-seed-gap-control-sm);
  --ty-control-gap-md: var(--ty-seed-gap-control-md);
  --ty-control-gap-lg: var(--ty-seed-gap-control-lg);
  --ty-shadow-control: var(--ty-seed-shadow-control);
  --ty-shadow-btn: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 1px rgba(0, 0, 0, 0.2);
  --ty-shadow-card: 0 1px 6px rgba(0, 0, 0, 0.35);
  --ty-shadow-focus: var(--ty-seed-shadow-focus);
  --ty-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.5);
  --ty-shadow-modal: 0 4px 12px rgba(0, 0, 0, 0.45);
  --ty-shadow-popup: 0 3px 6px -4px rgba(0, 0, 0, 0.48), 0 6px 16px 0 rgba(0, 0, 0, 0.32), 0 9px 28px 8px rgba(0, 0, 0, 0.2);
  --ty-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.3);
  --ty-height-sm: var(--ty-seed-size-height-sm);
  --ty-height-md: var(--ty-seed-size-height-md);
  --ty-height-lg: var(--ty-seed-size-height-lg);
  --ty-border-radius: var(--ty-seed-radius-base);
  --ty-spacer: var(--ty-seed-space-base);
  --ty-spacing-3: var(--ty-seed-space-3);
  --ty-spacing-4: var(--ty-seed-space-4);
  --ty-spacing-5: var(--ty-seed-space-5);
  --ty-font-family: var(--ty-seed-font-family-sans);
  --ty-font-family-monospace: var(--ty-seed-font-family-monospace);
  --ty-font-size-sm: var(--ty-seed-font-size-sm);
  --ty-font-size-base: var(--ty-seed-font-size-base);
  --ty-font-size-lg: var(--ty-seed-font-size-lg);
  --ty-font-weight: var(--ty-seed-font-weight-regular);
  --ty-font-weight-medium: var(--ty-seed-font-weight-medium);
  --ty-headings-font-weight: var(--ty-seed-font-weight-heading);
  --ty-line-height-base: var(--ty-seed-line-height-base);
  --ty-h1-font-size: var(--ty-seed-heading-size-h1);
  --ty-h2-font-size: var(--ty-seed-heading-size-h2);
  --ty-h3-font-size: var(--ty-seed-heading-size-h3);
  --ty-h4-font-size: var(--ty-seed-heading-size-h4);
  --ty-h5-font-size: var(--ty-seed-heading-size-h5);
  --ty-h6-font-size: var(--ty-seed-heading-size-h6);
}
}