:where(:root){--canvas: light-dark(oklch(100% 0% none), oklch(0% 0% none));--canvas-overlay: color-mix(in oklch, var(--canvas-text) 12.5%, transparent);--canvas-text: light-dark(oklch(12.5% 0% none), oklch(87.5% 0% none));--hue: 160deg;--theme: light-dark(oklch(75% 31.875% var(--hue)), oklch(50% 21.25% var(--hue)));--theme-overlay: color-mix(in oklch, var(--theme-text) 12.5%, transparent);--theme-text: light-dark(oklch(0% 0% none), oklch(100% 0% none));--accent-color: color-mix(in oklch, var(--theme) 62.5%, var(--canvas));--accent-color-interest: color-mix(in oklch, var(--theme) 75%, var(--canvas));--accent-color-text: light-dark(oklch(12.5% 0% none), oklch(87.5% 0% none));--highlight: light-dark( oklch(75% 31.875% calc(var(--hue) + 180deg)), oklch(50% 21.25% calc(var(--hue) + 180deg)) );--highlight-text: light-dark(oklch(0% 0% none), oklch(100% 0% none));--scrollbar-foreground: color-mix(in oklch, var(--canvas-text) 62.5%, transparent);--scrollbar-background: var(--canvas-overlay)}:where(:root){--search-width: 16rlh;--toolbar-height: 3rlh;--paginationbar-height: 3rlh;container-name:--root}:where(:root){--control: transparent;--control-interest: color-mix(in oklch, var(--control-text) 12.5%, transparent);--control-text: currentColor;--tooltip: var(--accent-color);--tooltip-interest: var(--accent-color-interest);--tooltip-text: var(--accent-color-text)}:where(:root){--field-foreground: var(--accent-color);--field-background: var(--canvas);--field-foreground-interest: var(--accent-color-interest);--field-background-interest: var(--canvas);--field-text: var(--accent-color-text);--button-foreground: var(--accent-color);--button-background: var(--accent-color);--button-foreground-interest: var(--accent-color-interest);--button-background-interest: var(--accent-color-interest);--button-text: var(--accent-color-text);--status-foreground: var(--accent-color);--status-background: var(--canvas);--status-text: var(--accent-color-text)}