| Outline Width | outline-width | --ymt-outline-width | 1px | No | | dimension |
| Outline | outline | --ymt-outline | var(--mat-sys-outline) | Yes | System Token from Material themed by us | color |
| Outline Variant | outline-variant | --ymt-outline-variant | var(--mat-sys-outline-variant) | Yes | System Token from Material themed by us | color |
| Outline Variant Emphasized | outline-variant-emphasized | --ymt-outline-variant-emphasized | light-dark(#c4c6ce (neutral-80), #383c42 (neutral-25)) | No | light-dark(#c4c6ce, #383c42) | color |
| Primary | primary | --ymt-primary | var(--mat-sys-primary) | Yes | System Token from Material themed by us | color |
| On Primary | on-primary | --ymt-on-primary | var(--mat-sys-on-primary) | Yes | System Token from Material themed by us | color |
| Primary Container | primary-container | --ymt-primary-container | var(--mat-sys-primary-container) | Yes | System Token from Material themed by us | color |
| On Primary Container | on-primary-container | --ymt-on-primary-container | var(--mat-sys-on-primary-container) | Yes | System Token from Material themed by us | color |
| Brand | brand | --ymt-brand | light-dark(#181c21 (neutral-10), #0b0e14 (neutral-4)) | No | light-dark(#181c21, #0b0e14) | color |
| On Brand | on-brand | --ymt-on-brand | light-dark(#e0e2ea (neutral-90), #e0e2ea (neutral-90)) | No | light-dark(#e0e2ea, #e0e2ea) | color |
| Success | success | --ymt-success | light-dark(#005142 (success-30), #b8ffea (success-95)) | No | light-dark(#005142, #b8ffea) | color |
| On Success | on-success | --ymt-on-success | light-dark(#ffffff (success-100), #005142 (success-30)) | No | light-dark(#ffffff, #005142) | color |
| Success Container | success-container | --ymt-success-container | light-dark(#b8ffea (success-95), #005142 (success-30)) | No | light-dark(#b8ffea, #005142) | color |
| On Success Container | on-success-container | --ymt-on-success-container | light-dark(#005142 (success-30), #92f5da (success-90)) | No | light-dark(#005142, #92f5da) | color |
| Danger | danger | --ymt-danger | var(--mat-sys-error) | Yes | System Token from Material themed by us | color |
| On Danger | on-danger | --ymt-on-danger | var(--mat-sys-on-error) | Yes | System Token from Material themed by us | color |
| Danger Container | danger-container | --ymt-danger-container | var(--mat-sys-error-container) | Yes | System Token from Material themed by us | color |
| On Danger Container | on-danger-container | --ymt-on-danger-container | var(--mat-sys-on-error-container) | Yes | System Token from Material themed by us | color |
| Warning | warning | --ymt-warning | light-dark(#544600 (warning-30), #fff0c1 (warning-95)) | No | light-dark(#544600, #fff0c1) | color |
| On Warning | on-warning | --ymt-on-warning | light-dark(#ffffff (warning-100), #544600 (warning-30)) | No | light-dark(#ffffff, #544600) | color |
| Warning Container | warning-container | --ymt-warning-container | light-dark(#fff0c1 (warning-95), #544600 (warning-30)) | No | light-dark(#fff0c1, #544600) | color |
| On Warning Container | on-warning-container | --ymt-on-warning-container | light-dark(#544600 (warning-30), #ffe169 (warning-90)) | No | light-dark(#544600, #ffe169) | color |
| Inverse Surface | inverse-surface | --ymt-inverse-surface | var(--mat-sys-inverse-surface) | Yes | System Token from Material themed by us | color |
| Inverse Surface 90 | inverse-surface-90 | --ymt-inverse-surface-90 | rgb(from var(--mat-sys-inverse-surface) r g b / 0.9) | Yes | rgb(from var(--mat-sys-inverse-surface) r g b / 0.9) | color |
| On Inverse Surface | on-inverse-surface | --ymt-on-inverse-surface | light-dark(#eef0f8 (neutral-95), #181c21 (neutral-10)) | No | light-dark(#eef0f8, #181c21) | color |
| Surface | surface | --ymt-surface | var(--mat-sys-surface) | Yes | System Token from Material themed by us | color |
| Surface Container Lowest | surface-container-lowest | --ymt-surface-container-lowest | var(--mat-sys-surface-container-lowest) | Yes | System Token from Material themed by us | color |
| Surface Container Low | surface-container-low | --ymt-surface-container-low | var(--mat-sys-surface-container-low) | Yes | System Token from Material themed by us | color |
| Surface Container | surface-container | --ymt-surface-container | var(--mat-sys-surface-container) | Yes | System Token from Material themed by us | color |
| Surface Container High | surface-container-high | --ymt-surface-container-high | var(--mat-sys-surface-container-high) | Yes | System Token from Material themed by us | color |
| Surface Container Highest | surface-container-highest | --ymt-surface-container-highest | var(--mat-sys-surface-container-highest) | Yes | System Token from Material themed by us | color |
| Surface Panel | surface-panel | --ymt-surface-panel | var(--mat-sys-surface-container-low) | Yes | System Token from Material themed by us | color |
| Surface App | surface-app | --ymt-surface-app | light-dark(var(--mat-sys-surface-container), var(--mat-sys-surface-container-lowest)) | Yes | light-dark(var(--mat-sys-surface-container), var(--mat-sys-surface-container-lowest)) | color |
| Scrim | scrim | --ymt-scrim | var(--mat-sys-scrim) | Yes | System Token from Material themed by us | color |
| Scrim Opacity | scrim-opacity | --ymt-scrim-opacity | 30 | No | | dimension |
| On Surface | on-surface | --ymt-on-surface | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| On Surface Type Subtle | on-surface-type-subtle | --ymt-on-surface-type-subtle | light-dark(#5b5e65 (neutral-40), #a8abb2 (neutral-70)) | No | light-dark(#5b5e65, #a8abb2) | color |
| Text Color | text-color | --ymt-text-color | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Text Color Subtle | text-color-subtle | --ymt-text-color-subtle | light-dark(#5b5e65 (neutral-40), #a8abb2 (neutral-70)) | No | light-dark(#5b5e65, #a8abb2) | color |
| Text Color Primary | text-color-primary | --ymt-text-color-primary | var(--mat-sys-primary) | Yes | System Token from Material themed by us | color |
| Text Selection Container | text-selection-container | --ymt-text-selection-container | var(--mat-sys-primary-container) | Yes | System Token from Material themed by us | color |
| On Text Selection Container | on-text-selection-container | --ymt-on-text-selection-container | var(--mat-sys-on-primary-container) | Yes | System Token from Material themed by us | color |
| Pane Surface | pane-surface | --ymt-pane-surface | var(--mat-sys-surface) | Yes | System Token from Material themed by us | color |
| Pane Drag Handle | pane-drag-handle | --ymt-pane-drag-handle | light-dark(#c4c6ce (neutral-80), #c4c6ce (neutral-80)) | No | light-dark(#c4c6ce, #c4c6ce) | color |
| Pane Surface Blank | pane-surface-blank | --ymt-pane-surface-blank | rgb(from #FFFFFF r g b / 0) | No | rgb(from #FFFFFF r g b / 0) | color |
| Pane Surface Floating | pane-surface-floating | --ymt-pane-surface-floating | light-dark(var(--mat-sys-surface), var(--mat-sys-surface-container-lowest)) | Yes | light-dark(var(--mat-sys-surface), var(--mat-sys-surface-container-lowest)) | color |
| On Pane Surface | on-pane-surface | --ymt-on-pane-surface | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Pane Surface Floating Inverse | pane-surface-floating-inverse | --ymt-pane-surface-floating-inverse | rgb(from var(--mat-sys-inverse-surface) r g b / 0.9) | Yes | rgb(from var(--mat-sys-inverse-surface) r g b / 0.9) | color |
| On Pane Surface Floating Inverse | on-pane-surface-floating-inverse | --ymt-on-pane-surface-floating-inverse | light-dark(#eef0f8 (neutral-95), #181c21 (neutral-10)) | No | light-dark(#eef0f8, #181c21) | color |
| Bar Surface | bar-surface | --ymt-bar-surface | var(--mat-sys-surface) | Yes | System Token from Material themed by us | color |
| On Bar Surface | on-bar-surface | --ymt-on-bar-surface | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Bar Surface Blank | bar-surface-blank | --ymt-bar-surface-blank | transparent | No | | color |
| Corner Full | corner-full | --ymt-corner-full | var(--mat-sys-corner-full) | Yes | System Token from Material themed by us | dimension |
| Corner XL | corner-xl | --ymt-corner-xl | var(--mat-sys-corner-extra-large) | Yes | System Token from Material themed by us | dimension |
| Corner L | corner-l | --ymt-corner-l | var(--mat-sys-corner-large) | Yes | System Token from Material themed by us | dimension |
| Corner | corner | --ymt-corner | var(--mat-sys-corner-medium) | Yes | System Token from Material themed by us | dimension |
| Corner M | corner-m | --ymt-corner-m | var(--mat-sys-corner-medium) | Yes | System Token from Material themed by us | dimension |
| Corner S | corner-s | --ymt-corner-s | var(--mat-sys-corner-small) | Yes | System Token from Material themed by us | dimension |
| Corner XS | corner-xs | --ymt-corner-xs | var(--mat-sys-corner-extra-small) | Yes | System Token from Material themed by us | dimension |
| Sizing 3XS | sizing-3xs | --ymt-sizing-3xs | 1rem * 0.25 (sizing-base) | No | 4px (0.25rem) | dimension |
| Sizing 2XS | sizing-2xs | --ymt-sizing-2xs | 1rem * 0.5 (sizing-base) | No | 8px (0.5rem) | dimension |
| Sizing XS | sizing-xs | --ymt-sizing-xs | 1rem * 1 (sizing-base) | No | 16px (1rem) | dimension |
| Sizing S | sizing-s | --ymt-sizing-s | 1rem * 1.25 (sizing-base) | No | 20px (1.25rem) | dimension |
| Sizing M | sizing-m | --ymt-sizing-m | 1rem * 1.5 (sizing-base) | No | 24px (1.5rem) | dimension |
| Sizing L | sizing-l | --ymt-sizing-l | 1rem * 1.75 (sizing-base) | No | 28px (1.75rem) | dimension |
| Sizing XL | sizing-xl | --ymt-sizing-xl | 1rem * 2 (sizing-base) | No | 32px (2rem) | dimension |
| Sizing 2XL | sizing-2xl | --ymt-sizing-2xl | 1rem * 2.25 (sizing-base) | No | 36px (2.25rem) | dimension |
| Sizing 3XL | sizing-3xl | --ymt-sizing-3xl | 1rem * 2.5 (sizing-base) | No | 40px (2.5rem) | dimension |
| Sizing 4XL | sizing-4xl | --ymt-sizing-4xl | 1rem * 3 (sizing-base) | No | 48px (3rem) | dimension |
| Sizing 5XL | sizing-5xl | --ymt-sizing-5xl | 1rem * 3.25 (sizing-base) | No | 52px (3.25rem) | dimension |
| Sizing 6XL | sizing-6xl | --ymt-sizing-6xl | 1rem * 4 (sizing-base) | No | 64px (4rem) | dimension |
| Sizing 7XL | sizing-7xl | --ymt-sizing-7xl | 1rem * 7.5 (sizing-base) | No | 120px (7.5rem) | dimension |
| Spacing 0 | spacing-0 | --ymt-spacing-0 | 0 | No | | dimension |
| Spacing 4XS | spacing-4xs | --ymt-spacing-4xs | 1rem * 0.0625 (spacing-base) | No | 1px (0.0625rem) | dimension |
| Spacing 3XS | spacing-3xs | --ymt-spacing-3xs | 1rem * 0.125 (spacing-base) | No | 2px (0.125rem) | dimension |
| Spacing 2XS | spacing-2xs | --ymt-spacing-2xs | 1rem * 0.25 (spacing-base) | No | 4px (0.25rem) | dimension |
| Spacing XS | spacing-xs | --ymt-spacing-xs | 1rem * 0.5 (spacing-base) | No | 8px (0.5rem) | dimension |
| Spacing S | spacing-s | --ymt-spacing-s | 1rem * 0.75 (spacing-base) | No | 12px (0.75rem) | dimension |
| Spacing M | spacing-m | --ymt-spacing-m | 1rem * 1 (spacing-base) | No | 16px (1rem) | dimension |
| Spacing L | spacing-l | --ymt-spacing-l | 1rem * 1.25 (spacing-base) | No | 20px (1.25rem) | dimension |
| Spacing XL | spacing-xl | --ymt-spacing-xl | 1rem * 1.5 (spacing-base) | No | 24px (1.5rem) | dimension |
| Spacing 2XL | spacing-2xl | --ymt-spacing-2xl | 1rem * 1.75 (spacing-base) | No | 28px (1.75rem) | dimension |
| Spacing 3XL | spacing-3xl | --ymt-spacing-3xl | 1rem * 2 (spacing-base) | No | 32px (2rem) | dimension |
| Spacing 4XL | spacing-4xl | --ymt-spacing-4xl | 1rem * 3 (spacing-base) | No | 48px (3rem) | dimension |
| Dragged State Layer Opacity | dragged-state-layer-opacity | --ymt-dragged-state-layer-opacity | var(--mat-sys-dragged-state-layer-opacity) | Yes | System Token from Material themed by us | dimension |
| Focus State Layer Opacity | focus-state-layer-opacity | --ymt-focus-state-layer-opacity | var(--mat-sys-focus-state-layer-opacity) | Yes | System Token from Material themed by us | dimension |
| Hover State Layer Opacity | hover-state-layer-opacity | --ymt-hover-state-layer-opacity | var(--mat-sys-hover-state-layer-opacity) | Yes | System Token from Material themed by us | dimension |
| Pressed State Layer Opacity | pressed-state-layer-opacity | --ymt-pressed-state-layer-opacity | var(--mat-sys-pressed-state-layer-opacity) | Yes | System Token from Material themed by us | dimension |
| Disabled Opacity | disabled-opacity | --ymt-disabled-opacity | 0.35 | No | | dimension |
| Scrollbar Outer Size | scrollbar-outer-size | --ymt-scrollbar-outer-size | 24px | No | 24px (1.5rem) | dimension |
| Scrollbar Inner Size | scrollbar-inner-size | --ymt-scrollbar-inner-size | 4px | No | 4px (0.25rem) | dimension |
| Scrollbar Thumb Color | scrollbar-thumb-color | --ymt-scrollbar-thumb-color | var(--mat-sys-outline-variant) | Yes | System Token from Material themed by us | color |
| Scrollbar Track Color | scrollbar-track-color | --ymt-scrollbar-track-color | transparent | No | | color |
| Scrollbar Thumb Color Hover | scrollbar-thumb-color-hover | --ymt-scrollbar-thumb-color-hover | var(--mat-sys-outline) | Yes | System Token from Material themed by us | color |
| Focus Background | focus-background | --ymt-focus-background | var(--mat-sys-surface-container) | Yes | System Token from Material themed by us | color |
| On Focus Background | on-focus-background | --ymt-on-focus-background | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Hover Background | hover-background | --ymt-hover-background | var(--mat-sys-surface-container-low) | Yes | System Token from Material themed by us | color |
| On Hover Background | on-hover-background | --ymt-on-hover-background | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Selection Background | selection-background | --ymt-selection-background | var(--mat-sys-surface-container-highest) | Yes | System Token from Material themed by us | color |
| On Selection Background | on-selection-background | --ymt-on-selection-background | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Current Background | current-background | --ymt-current-background | var(--mat-sys-surface-container) | Yes | System Token from Material themed by us | color |
| On Current Background | on-current-background | --ymt-on-current-background | var(--mat-sys-on-surface) | Yes | System Token from Material themed by us | color |
| Focus Indicator Size | focus-indicator-size | --ymt-focus-indicator-size | 2px | No | 2px (0.125rem) | dimension |
| Focus Indicator Inner | focus-indicator-inner | --ymt-focus-indicator-inner | light-dark(#e0e2ea (neutral-90), #181c21 (neutral-10)) | No | light-dark(#e0e2ea, #181c21) | color |
| Focus Indicator Outer | focus-indicator-outer | --ymt-focus-indicator-outer | light-dark(#181c21 (neutral-10), #e0e2ea (neutral-90)) | No | light-dark(#181c21, #e0e2ea) | color |
| Dialog Content Display | dialog-content-display | --ymt-dialog-content-display | contents | No | | dimension |
| Overlay Backdrop Color | overlay-backdrop-color | --ymt-overlay-backdrop-color | light-dark(rgb(from #000000 (neutral-0) r g b / 0.3), rgb(from #000000 (neutral-0) r g b / 0.8)) | No | light-dark(rgb(from #000000 r g b / 0.3), rgb(from #000000 r g b / 0.8)) | color |
| Progress Bar Height | progress-bar-height | --ymt-progress-bar-height | 4px | No | 4px (0.25rem) | dimension |
