/*
 * @generated by scripts/generate-design-css.mjs
 * token-set: tramya-product-foundation@1.1.0
 * source-hash: sha256-40c6544b95c94ec5c2e607e646743dc4dd4fd2b81640c31ae3ce2a4f98cb3287
 * bundle-hash: sha256-7ef0d1b4c01696b08a0fc05704023093ac63ebb1b8a29fef0d40044dd89d8185
 * semantic-only: true
 * Do not edit by hand.
 */
:root,
[data-theme="light"] {
  --tm-semantic-surface-canvas: #F4F4F1;
  --tm-semantic-surface-panel: #FCFCF9;
  --tm-semantic-surface-subtle: #E8E9E4;
  --tm-semantic-surface-raised: #FFFFFF;
  --tm-semantic-surface-inverse: #191B18;
  --tm-semantic-surface-selected: #EEE7B6;
  --tm-semantic-surface-scrim: #191B18CC;
  --tm-semantic-text-primary: #191B18;
  --tm-semantic-text-secondary: #51564F;
  --tm-semantic-text-tertiary: #686D65;
  --tm-semantic-text-inverse: #F2F3ED;
  --tm-semantic-text-link: #285B75;
  --tm-semantic-text-disabled: #686D65;
  --tm-semantic-text-on-accent: #191B18;
  --tm-semantic-text-placeholder: #686D65;
  --tm-semantic-border-subtle: #DADCD5;
  --tm-semantic-border-default: #C5C8BF;
  --tm-semantic-border-strong: #7A8077;
  --tm-semantic-border-interactive: #7A8077;
  --tm-semantic-border-selected: #A38C10;
  --tm-semantic-border-danger: #963B32;
  --tm-semantic-action-primary-bg: #D3B928;
  --tm-semantic-action-primary-fg: #191B18;
  --tm-semantic-action-primary-hover: #B9A116;
  --tm-semantic-action-primary-active: #A38C10;
  --tm-semantic-action-secondary-bg: #FCFCF9;
  --tm-semantic-action-secondary-fg: #191B18;
  --tm-semantic-action-secondary-hover: #E1E3DC;
  --tm-semantic-action-secondary-active: #D5D8CF;
  --tm-semantic-action-ghost-fg: #51564F;
  --tm-semantic-action-ghost-hover: #E1E3DC;
  --tm-semantic-action-ghost-active: #D5D8CF;
  --tm-semantic-action-danger-bg: #963B32;
  --tm-semantic-action-danger-fg: #F2F3ED;
  --tm-semantic-action-danger-hover: #7F3029;
  --tm-semantic-action-disabled-bg: #DFE1DA;
  --tm-semantic-action-disabled-fg: #686D65;
  --tm-semantic-feedback-success: #23604F;
  --tm-semantic-feedback-success-surface: #DDECE6;
  --tm-semantic-feedback-warning: #815814;
  --tm-semantic-feedback-warning-surface: #F2E7CD;
  --tm-semantic-feedback-danger: #963B32;
  --tm-semantic-feedback-danger-surface: #F3DEDA;
  --tm-semantic-feedback-info: #285B75;
  --tm-semantic-feedback-info-surface: #DCE9EF;
  --tm-semantic-focus-ring: #191B18;
  --tm-semantic-focus-offset: #FCFCF9;
  --tm-semantic-data-series-one: #356A86;
  --tm-semantic-data-series-two: #28705B;
  --tm-semantic-data-series-three: #806719;
  --tm-semantic-data-series-four: #8C4D43;
  --tm-semantic-data-series-five: #586E9A;
  --tm-semantic-data-series-six: #6D5B86;
  --tm-semantic-data-positive: #23604F;
  --tm-semantic-data-negative: #963B32;
  --tm-semantic-data-neutral: #6B7069;
  --tm-semantic-data-grid: #DADCD5;
  --tm-semantic-spacing-inline-xxs: 2px;
  --tm-semantic-spacing-inline-xs: 4px;
  --tm-semantic-spacing-inline-sm: 8px;
  --tm-semantic-spacing-inline-md: 12px;
  --tm-semantic-spacing-inline-lg: 16px;
  --tm-semantic-spacing-inline-xl: 24px;
  --tm-semantic-spacing-stack-xxs: 2px;
  --tm-semantic-spacing-stack-xs: 4px;
  --tm-semantic-spacing-stack-sm: 8px;
  --tm-semantic-spacing-stack-md: 12px;
  --tm-semantic-spacing-stack-lg: 16px;
  --tm-semantic-spacing-stack-xl: 24px;
  --tm-semantic-spacing-section: 48px;
  --tm-semantic-spacing-page: 64px;
  --tm-semantic-size-control-sm: 36px;
  --tm-semantic-size-control-md: 40px;
  --tm-semantic-size-control-lg: 44px;
  --tm-semantic-size-touch: 44px;
  --tm-semantic-size-icon-sm: 16px;
  --tm-semantic-size-icon-md: 20px;
  --tm-semantic-size-icon-lg: 24px;
  --tm-semantic-size-sidebar: 248px;
  --tm-semantic-size-content-max: 1440px;
  --tm-semantic-size-reading-max: 68ch;
  --tm-semantic-size-dialog-sm: 400px;
  --tm-semantic-size-dialog-md: 560px;
  --tm-semantic-size-popover: 320px;
  --tm-semantic-size-toast: 384px;
  --tm-semantic-size-skeleton-line: 16px;
  --tm-semantic-size-skeleton-title: 24px;
  --tm-semantic-size-visually-hidden: 1px;
  --tm-semantic-size-text-meta: 12px;
  --tm-semantic-size-text-code: 13px;
  --tm-semantic-size-text-body: 14px;
  --tm-semantic-size-text-title: 18px;
  --tm-semantic-size-text-display: 32px;
  --tm-semantic-radius-control: 8px;
  --tm-semantic-radius-panel: 12px;
  --tm-semantic-radius-dialog: 16px;
  --tm-semantic-radius-status: 999px;
  --tm-semantic-radius-circular: 50%;
  --tm-semantic-border-width-default: 1px;
  --tm-semantic-border-width-strong: 2px;
  --tm-semantic-type-body: 400 14px/21px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-body-strong: 600 14px/21px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-label: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-meta: 500 12px/18px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-title: 650 18px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-display: 650 32px/38px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-data: 500 14px/20px ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --tm-semantic-type-code: 500 13px/20px ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --tm-semantic-shadow-raised: 0px 4px 16px 0px #191B1814;
  --tm-semantic-shadow-overlay: 0px 16px 48px -8px #191B182E;
  --tm-semantic-shadow-focus: 0px 0px 0px 2px #FCFCF9, 0px 0px 0px 4px #191B18;
  --tm-semantic-motion-fast: 120ms;
  --tm-semantic-motion-standard: 180ms;
  --tm-semantic-motion-slow: 240ms;
  --tm-semantic-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --tm-semantic-motion-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --tm-semantic-motion-press-offset: 1px;
  --tm-semantic-motion-toast-offset: 12px;
  --tm-semantic-opacity-disabled: 0.58;
  --tm-semantic-opacity-skeleton: 0.72;
  --tm-semantic-layer-base: 0;
  --tm-semantic-layer-sticky: 20;
  --tm-semantic-layer-dropdown: 40;
  --tm-semantic-layer-overlay: 60;
  --tm-semantic-layer-toast: 80;
}

[data-theme="dark"] {
  --tm-semantic-surface-canvas: #111210;
  --tm-semantic-surface-panel: #1A1C19;
  --tm-semantic-surface-subtle: #252822;
  --tm-semantic-surface-raised: #2C3029;
  --tm-semantic-surface-inverse: #F2F3ED;
  --tm-semantic-surface-selected: #3A3820;
  --tm-semantic-surface-scrim: #0C0D0BCC;
  --tm-semantic-text-primary: #F2F3ED;
  --tm-semantic-text-secondary: #BEC3BA;
  --tm-semantic-text-tertiary: #9DA39A;
  --tm-semantic-text-inverse: #191B18;
  --tm-semantic-text-link: #8DBBD0;
  --tm-semantic-text-disabled: #9DA39A;
  --tm-semantic-text-on-accent: #191B18;
  --tm-semantic-text-placeholder: #9DA39A;
  --tm-semantic-border-subtle: #30342E;
  --tm-semantic-border-default: #444A41;
  --tm-semantic-border-strong: #858C81;
  --tm-semantic-border-interactive: #858C81;
  --tm-semantic-border-selected: #E2CA42;
  --tm-semantic-border-danger: #EF9185;
  --tm-semantic-action-primary-bg: #E2CA42;
  --tm-semantic-action-primary-fg: #191B18;
  --tm-semantic-action-primary-hover: #EAD65E;
  --tm-semantic-action-primary-active: #CBB436;
  --tm-semantic-action-secondary-bg: #1A1C19;
  --tm-semantic-action-secondary-fg: #F2F3ED;
  --tm-semantic-action-secondary-hover: #30342D;
  --tm-semantic-action-secondary-active: #3A4037;
  --tm-semantic-action-ghost-fg: #BEC3BA;
  --tm-semantic-action-ghost-hover: #30342D;
  --tm-semantic-action-ghost-active: #3A4037;
  --tm-semantic-action-danger-bg: #EF9185;
  --tm-semantic-action-danger-fg: #191B18;
  --tm-semantic-action-danger-hover: #F2A79D;
  --tm-semantic-action-disabled-bg: #30342D;
  --tm-semantic-action-disabled-fg: #9DA39A;
  --tm-semantic-feedback-success: #78C7AA;
  --tm-semantic-feedback-success-surface: #18352B;
  --tm-semantic-feedback-warning: #E4B963;
  --tm-semantic-feedback-warning-surface: #3B2E17;
  --tm-semantic-feedback-danger: #EF9185;
  --tm-semantic-feedback-danger-surface: #43231F;
  --tm-semantic-feedback-info: #8DBBD0;
  --tm-semantic-feedback-info-surface: #1C303A;
  --tm-semantic-focus-ring: #F2F3ED;
  --tm-semantic-focus-offset: #1A1C19;
  --tm-semantic-data-series-one: #72A8C3;
  --tm-semantic-data-series-two: #5DB395;
  --tm-semantic-data-series-three: #D7A84D;
  --tm-semantic-data-series-four: #E07B6D;
  --tm-semantic-data-series-five: #91A9D5;
  --tm-semantic-data-series-six: #B09AC7;
  --tm-semantic-data-positive: #78C7AA;
  --tm-semantic-data-negative: #EF9185;
  --tm-semantic-data-neutral: #AEB4AA;
  --tm-semantic-data-grid: #30342E;
  --tm-semantic-spacing-inline-xxs: 2px;
  --tm-semantic-spacing-inline-xs: 4px;
  --tm-semantic-spacing-inline-sm: 8px;
  --tm-semantic-spacing-inline-md: 12px;
  --tm-semantic-spacing-inline-lg: 16px;
  --tm-semantic-spacing-inline-xl: 24px;
  --tm-semantic-spacing-stack-xxs: 2px;
  --tm-semantic-spacing-stack-xs: 4px;
  --tm-semantic-spacing-stack-sm: 8px;
  --tm-semantic-spacing-stack-md: 12px;
  --tm-semantic-spacing-stack-lg: 16px;
  --tm-semantic-spacing-stack-xl: 24px;
  --tm-semantic-spacing-section: 48px;
  --tm-semantic-spacing-page: 64px;
  --tm-semantic-size-control-sm: 36px;
  --tm-semantic-size-control-md: 40px;
  --tm-semantic-size-control-lg: 44px;
  --tm-semantic-size-touch: 44px;
  --tm-semantic-size-icon-sm: 16px;
  --tm-semantic-size-icon-md: 20px;
  --tm-semantic-size-icon-lg: 24px;
  --tm-semantic-size-sidebar: 248px;
  --tm-semantic-size-content-max: 1440px;
  --tm-semantic-size-reading-max: 68ch;
  --tm-semantic-size-dialog-sm: 400px;
  --tm-semantic-size-dialog-md: 560px;
  --tm-semantic-size-popover: 320px;
  --tm-semantic-size-toast: 384px;
  --tm-semantic-size-skeleton-line: 16px;
  --tm-semantic-size-skeleton-title: 24px;
  --tm-semantic-size-visually-hidden: 1px;
  --tm-semantic-size-text-meta: 12px;
  --tm-semantic-size-text-code: 13px;
  --tm-semantic-size-text-body: 14px;
  --tm-semantic-size-text-title: 18px;
  --tm-semantic-size-text-display: 32px;
  --tm-semantic-radius-control: 8px;
  --tm-semantic-radius-panel: 12px;
  --tm-semantic-radius-dialog: 16px;
  --tm-semantic-radius-status: 999px;
  --tm-semantic-radius-circular: 50%;
  --tm-semantic-border-width-default: 1px;
  --tm-semantic-border-width-strong: 2px;
  --tm-semantic-type-body: 400 14px/21px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-body-strong: 600 14px/21px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-label: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-meta: 500 12px/18px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-title: 650 18px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-display: 650 32px/38px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --tm-semantic-type-data: 500 14px/20px ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --tm-semantic-type-code: 500 13px/20px ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
  --tm-semantic-shadow-raised: 0px 4px 18px 0px #00000052;
  --tm-semantic-shadow-overlay: 0px 16px 48px -8px #0000008F;
  --tm-semantic-shadow-focus: 0px 0px 0px 2px #1A1C19, 0px 0px 0px 4px #F2F3ED;
  --tm-semantic-motion-fast: 120ms;
  --tm-semantic-motion-standard: 180ms;
  --tm-semantic-motion-slow: 240ms;
  --tm-semantic-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --tm-semantic-motion-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --tm-semantic-motion-press-offset: 1px;
  --tm-semantic-motion-toast-offset: 12px;
  --tm-semantic-opacity-disabled: 0.58;
  --tm-semantic-opacity-skeleton: 0.72;
  --tm-semantic-layer-base: 0;
  --tm-semantic-layer-sticky: 20;
  --tm-semantic-layer-dropdown: 40;
  --tm-semantic-layer-overlay: 60;
  --tm-semantic-layer-toast: 80;
}

@media (prefers-color-scheme: dark) {

  :root:not([data-theme]) {
    --tm-semantic-surface-canvas: #111210;
    --tm-semantic-surface-panel: #1A1C19;
    --tm-semantic-surface-subtle: #252822;
    --tm-semantic-surface-raised: #2C3029;
    --tm-semantic-surface-inverse: #F2F3ED;
    --tm-semantic-surface-selected: #3A3820;
    --tm-semantic-surface-scrim: #0C0D0BCC;
    --tm-semantic-text-primary: #F2F3ED;
    --tm-semantic-text-secondary: #BEC3BA;
    --tm-semantic-text-tertiary: #9DA39A;
    --tm-semantic-text-inverse: #191B18;
    --tm-semantic-text-link: #8DBBD0;
    --tm-semantic-text-disabled: #9DA39A;
    --tm-semantic-text-on-accent: #191B18;
    --tm-semantic-text-placeholder: #9DA39A;
    --tm-semantic-border-subtle: #30342E;
    --tm-semantic-border-default: #444A41;
    --tm-semantic-border-strong: #858C81;
    --tm-semantic-border-interactive: #858C81;
    --tm-semantic-border-selected: #E2CA42;
    --tm-semantic-border-danger: #EF9185;
    --tm-semantic-action-primary-bg: #E2CA42;
    --tm-semantic-action-primary-fg: #191B18;
    --tm-semantic-action-primary-hover: #EAD65E;
    --tm-semantic-action-primary-active: #CBB436;
    --tm-semantic-action-secondary-bg: #1A1C19;
    --tm-semantic-action-secondary-fg: #F2F3ED;
    --tm-semantic-action-secondary-hover: #30342D;
    --tm-semantic-action-secondary-active: #3A4037;
    --tm-semantic-action-ghost-fg: #BEC3BA;
    --tm-semantic-action-ghost-hover: #30342D;
    --tm-semantic-action-ghost-active: #3A4037;
    --tm-semantic-action-danger-bg: #EF9185;
    --tm-semantic-action-danger-fg: #191B18;
    --tm-semantic-action-danger-hover: #F2A79D;
    --tm-semantic-action-disabled-bg: #30342D;
    --tm-semantic-action-disabled-fg: #9DA39A;
    --tm-semantic-feedback-success: #78C7AA;
    --tm-semantic-feedback-success-surface: #18352B;
    --tm-semantic-feedback-warning: #E4B963;
    --tm-semantic-feedback-warning-surface: #3B2E17;
    --tm-semantic-feedback-danger: #EF9185;
    --tm-semantic-feedback-danger-surface: #43231F;
    --tm-semantic-feedback-info: #8DBBD0;
    --tm-semantic-feedback-info-surface: #1C303A;
    --tm-semantic-focus-ring: #F2F3ED;
    --tm-semantic-focus-offset: #1A1C19;
    --tm-semantic-data-series-one: #72A8C3;
    --tm-semantic-data-series-two: #5DB395;
    --tm-semantic-data-series-three: #D7A84D;
    --tm-semantic-data-series-four: #E07B6D;
    --tm-semantic-data-series-five: #91A9D5;
    --tm-semantic-data-series-six: #B09AC7;
    --tm-semantic-data-positive: #78C7AA;
    --tm-semantic-data-negative: #EF9185;
    --tm-semantic-data-neutral: #AEB4AA;
    --tm-semantic-data-grid: #30342E;
    --tm-semantic-spacing-inline-xxs: 2px;
    --tm-semantic-spacing-inline-xs: 4px;
    --tm-semantic-spacing-inline-sm: 8px;
    --tm-semantic-spacing-inline-md: 12px;
    --tm-semantic-spacing-inline-lg: 16px;
    --tm-semantic-spacing-inline-xl: 24px;
    --tm-semantic-spacing-stack-xxs: 2px;
    --tm-semantic-spacing-stack-xs: 4px;
    --tm-semantic-spacing-stack-sm: 8px;
    --tm-semantic-spacing-stack-md: 12px;
    --tm-semantic-spacing-stack-lg: 16px;
    --tm-semantic-spacing-stack-xl: 24px;
    --tm-semantic-spacing-section: 48px;
    --tm-semantic-spacing-page: 64px;
    --tm-semantic-size-control-sm: 36px;
    --tm-semantic-size-control-md: 40px;
    --tm-semantic-size-control-lg: 44px;
    --tm-semantic-size-touch: 44px;
    --tm-semantic-size-icon-sm: 16px;
    --tm-semantic-size-icon-md: 20px;
    --tm-semantic-size-icon-lg: 24px;
    --tm-semantic-size-sidebar: 248px;
    --tm-semantic-size-content-max: 1440px;
    --tm-semantic-size-reading-max: 68ch;
    --tm-semantic-size-dialog-sm: 400px;
    --tm-semantic-size-dialog-md: 560px;
    --tm-semantic-size-popover: 320px;
    --tm-semantic-size-toast: 384px;
    --tm-semantic-size-skeleton-line: 16px;
    --tm-semantic-size-skeleton-title: 24px;
    --tm-semantic-size-visually-hidden: 1px;
    --tm-semantic-size-text-meta: 12px;
    --tm-semantic-size-text-code: 13px;
    --tm-semantic-size-text-body: 14px;
    --tm-semantic-size-text-title: 18px;
    --tm-semantic-size-text-display: 32px;
    --tm-semantic-radius-control: 8px;
    --tm-semantic-radius-panel: 12px;
    --tm-semantic-radius-dialog: 16px;
    --tm-semantic-radius-status: 999px;
    --tm-semantic-radius-circular: 50%;
    --tm-semantic-border-width-default: 1px;
    --tm-semantic-border-width-strong: 2px;
    --tm-semantic-type-body: 400 14px/21px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tm-semantic-type-body-strong: 600 14px/21px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tm-semantic-type-label: 600 14px/20px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tm-semantic-type-meta: 500 12px/18px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tm-semantic-type-title: 650 18px/24px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tm-semantic-type-display: 650 32px/38px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --tm-semantic-type-data: 500 14px/20px ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    --tm-semantic-type-code: 500 13px/20px ui-monospace, SFMono-Regular, Consolas, "Liberation Mono", monospace;
    --tm-semantic-shadow-raised: 0px 4px 18px 0px #00000052;
    --tm-semantic-shadow-overlay: 0px 16px 48px -8px #0000008F;
    --tm-semantic-shadow-focus: 0px 0px 0px 2px #1A1C19, 0px 0px 0px 4px #F2F3ED;
    --tm-semantic-motion-fast: 120ms;
    --tm-semantic-motion-standard: 180ms;
    --tm-semantic-motion-slow: 240ms;
    --tm-semantic-motion-ease-out: cubic-bezier(0.16, 1, 0.3, 1);
    --tm-semantic-motion-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
    --tm-semantic-motion-press-offset: 1px;
    --tm-semantic-motion-toast-offset: 12px;
    --tm-semantic-opacity-disabled: 0.58;
    --tm-semantic-opacity-skeleton: 0.72;
    --tm-semantic-layer-base: 0;
    --tm-semantic-layer-sticky: 20;
    --tm-semantic-layer-dropdown: 40;
    --tm-semantic-layer-overlay: 60;
    --tm-semantic-layer-toast: 80;
  }

}