/* Generated by scripts/sync-axiotier-tokens.mjs. Do not edit this output.
 * @axiotier/ui-tokens-glass@5.19.1
 * https://git.di4.dev/EZM/ai/liquid-glass-mmm / develop@7ef2837eb0f14d489810f4f10ce0c709b120520e
 * Token-only, scoped adapter. Canonical declarations prevail over compatibility fallbacks. */
html[data-tri-studio] {
  --glass-accent-hover: var(--glass-accent);
  --glass-bg-solid-soft: var(--glass-bg-solid-strong);
  --glass-tint-selected: var(--glass-tint-active);
  --glass-shadow-accent-glow: none;
  --glass-shadow-inset-hi: none;
}
html[data-tri-studio] {
  --glass-accent-alt: var(--glass-accent-hover);
  --glass-accent-glow: var(--glass-shadow-accent-glow);
  --glass-accent-soft: var(--glass-tint-selected);
  --glass-accent-strong: var(--glass-accent-active);
  --glass-backdrop: var(--glass-tint-inverse);
  --glass-bg: var(--glass-bg-solid-strong);
  --glass-bg-solid: var(--glass-bg-solid-strong);
  --glass-bg-solid-medium: var(--glass-bg-solid-soft);
  --glass-blur-lg: 24px;
  --glass-blur-md: 16px;
  --glass-blur-sm: 10px;
  --glass-blur-subtle: 6px;
  --glass-blur-ultra: 56px;
  --glass-blur-xl: 36px;
  --glass-border: var(--glass-border-strong);
  --glass-border-elevated: var(--glass-border-strong);
  --glass-border-medium: var(--glass-border-strong);
  --glass-border-primary: var(--glass-border-strong);
  --glass-border-selected: var(--glass-border-focus);
  --glass-border-subtle: var(--glass-border-soft);
  --glass-color-error: var(--glass-danger);
  --glass-danger-soft: var(--glass-danger-bg);
  --glass-duration-base: 200ms;
  --glass-duration-crawl: 800ms;
  --glass-duration-fast: 120ms;
  --glass-duration-instant: 80ms;
  --glass-duration-slow: 320ms;
  --glass-duration-slower: 480ms;
  --glass-ease-emphasis: cubic-bezier(0.22, 1, 0.36, 1);
  --glass-ease-enter: cubic-bezier(0, 0, 0.2, 1);
  --glass-ease-exit: cubic-bezier(0.4, 0, 1, 1);
  --glass-ease-spring: linear(0, 0.006, 0.024, 0.054, 0.102, 0.165, 0.244, 0.338, 0.443, 0.555, 0.67, 0.78, 0.88, 0.962, 1.016, 1.043, 1.045, 1.027, 1);
  --glass-ease-standard: cubic-bezier(0.16, 1, 0.3, 1);
  --glass-ease-through: cubic-bezier(0.4, 0, 0.6, 1);
  --glass-focus-ring: var(--glass-shadow-accent-glow);
  --glass-focus-ring-offset: 2px;
  --glass-focus-ring-width: 2px;
  --glass-font: var(--glass-font-family);
  --glass-font-family: -apple-system, BlinkMacSystemFont, 'SF Pro Text', 'Segoe UI', 'Inter', 'Roboto', 'Helvetica Neue', Arial, 'PingFang SC', 'Hiragino Sans GB', sans-serif;
  --glass-font-mono: ui-monospace, 'SF Mono', 'Fira Code', 'JetBrains Mono', 'Menlo', 'Monaco', 'Consolas', 'Liberation Mono', monospace;
  --glass-font-weight-bold: 700;
  --glass-font-weight-medium: 500;
  --glass-font-weight-regular: 400;
  --glass-font-weight-semibold: 600;
  --glass-layer-budget: 12;
  --glass-motion-scale: 1;
  --glass-on-accent: var(--glass-accent-on);
  --glass-radius-2xl: 28px;
  --glass-radius-lg: 16px;
  --glass-radius-md: 12px;
  --glass-radius-pill: 9999px;
  --glass-radius-sm: 8px;
  --glass-radius-xl: 20px;
  --glass-radius-xs: 4px;
  --glass-saturate-high: 180%;
  --glass-saturate-low: 120%;
  --glass-saturate-med: 150%;
  --glass-saturate-none: 100%;
  --glass-saturate-ultra: 210%;
  --glass-shadow: var(--glass-shadow-key);
  --glass-space-0: 0;
  --glass-space-1: 4px;
  --glass-space-10: 128px;
  --glass-space-2: 8px;
  --glass-space-3: 12px;
  --glass-space-4: 16px;
  --glass-space-5: 24px;
  --glass-space-6: 32px;
  --glass-space-7: 48px;
  --glass-space-8: 64px;
  --glass-space-9: 96px;
  --glass-space-md: var(--glass-space-4);
  --glass-space-sm: var(--glass-space-2);
  --glass-space-xs: var(--glass-space-1);
  --glass-success-soft: var(--glass-success-bg);
  --glass-surface-base: var(--glass-tint-panel);
  --glass-surface-elevated: var(--glass-tint-panel-elevated);
  --glass-surface-hover: var(--glass-tint-hover);
  --glass-surface-primary: var(--glass-tint-primary);
  --glass-text: var(--glass-text-primary);
  --glass-text-body-line: 1.48;
  --glass-text-body-size: 15px;
  --glass-text-caption-line: 1.38;
  --glass-text-caption-size: 12px;
  --glass-text-display-line: 1.12;
  --glass-text-display-size: 48px;
  --glass-text-headline-line: 1.18;
  --glass-text-headline-size: 32px;
  --glass-text-label-line: 1.42;
  --glass-text-label-size: 13px;
  --glass-text-micro-line: 1.34;
  --glass-text-micro-size: 11px;
  --glass-text-muted: var(--glass-text-secondary);
  --glass-text-subtitle-line: 1.28;
  --glass-text-subtitle-size: 20px;
  --glass-text-title-line: 1.22;
  --glass-text-title-size: 24px;
  --glass-tint-elevated: var(--glass-tint-panel-elevated);
  --glass-tint-panel-hover: var(--glass-tint-hover);
  --glass-tint-panel-warm: var(--glass-warning-bg);
  --glass-tint-strong: var(--glass-tint-active);
  --glass-transition-base: var(--glass-duration-base) var(--glass-ease-standard);
  --glass-transition-emphasis: var(--glass-duration-slow) var(--glass-ease-emphasis);
  --glass-transition-fast: var(--glass-duration-fast) var(--glass-ease-standard);
  --glass-warning-soft: var(--glass-warning-bg);
  --glass-z-base: 0;
  --glass-z-drawer: 1200;
  --glass-z-dropdown: 1000;
  --glass-z-floating: var(--glass-z-popover);
  --glass-z-maximum: 2147483647;
  --glass-z-menu: var(--glass-z-dropdown);
  --glass-z-modal: 1300;
  --glass-z-popover: 1400;
  --glass-z-raised: 1;
  --glass-z-sticky: 1100;
  --glass-z-toast: 1600;
  --glass-z-tooltip: 1500;
}
html[data-tri-studio]:where([data-theme="dark-cool"]), html[data-tri-studio]:where(:not([data-theme])) {
  --glass-accent: rgb(100, 200, 220);
  --glass-accent-active: rgb(80, 180, 200);
  --glass-accent-hover: rgb(130, 215, 230);
  --glass-accent-on: rgba(10, 20, 24, 0.96);
  --glass-accent-rgb: 100, 200, 220;
  --glass-bg-canvas: radial-gradient(ellipse at 20% 0%, rgba(80, 120, 200, 0.12), transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(100, 200, 220, 0.10), transparent 55%), #0a0c12;
  --glass-bg-page: #0f1117;
  --glass-bg-solid-soft: #1a1d26;
  --glass-bg-solid-strong: #14161e;
  --glass-border-danger: rgba(240, 100, 100, 0.60);
  --glass-border-focus: rgba(100, 200, 220, 0.60);
  --glass-border-hairline: rgba(255, 255, 255, 0.06);
  --glass-border-soft: rgba(255, 255, 255, 0.22);
  --glass-border-strong: rgba(255, 255, 255, 0.32);
  --glass-border-top-gradient: linear-gradient(180deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.04) 40%, rgba(255,255,255,0) 100%);
  --glass-danger: rgb(240, 110, 110);
  --glass-danger-bg: rgba(240, 110, 110, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.12);
  --glass-highlight-accent: rgba(100, 200, 220, 0.24);
  --glass-highlight-strong: rgba(255, 255, 255, 0.18);
  --glass-info: rgb(120, 180, 240);
  --glass-info-bg: rgba(120, 180, 240, 0.14);
  --glass-node-decision-accent: rgb(240, 180, 120);
  --glass-node-decision-bg: rgba(180, 120, 80, 0.12);
  --glass-node-decision-border: rgba(180, 120, 80, 0.40);
  --glass-node-event-accent: rgb(100, 200, 220);
  --glass-node-event-bg: rgba(80, 180, 200, 0.12);
  --glass-node-event-border: rgba(80, 180, 200, 0.40);
  --glass-node-group-accent: rgb(160, 180, 240);
  --glass-node-group-bg: rgba(90, 110, 180, 0.12);
  --glass-node-group-border: rgba(90, 110, 180, 0.40);
  --glass-node-pipeline-accent: rgb(180, 140, 220);
  --glass-node-pipeline-bg: rgba(140, 90, 180, 0.12);
  --glass-node-pipeline-border: rgba(140, 90, 180, 0.40);
  --glass-node-service-accent: rgb(100, 220, 160);
  --glass-node-service-bg: rgba(80, 200, 140, 0.12);
  --glass-node-service-border: rgba(80, 200, 140, 0.40);
  --glass-refraction-caustic: conic-gradient(from 180deg at 50% 0%, rgba(255,255,255,0.12) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.08) 100%);
  --glass-refraction-edge: linear-gradient(135deg, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.02) 30%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.06) 100%);
  --glass-shadow-accent-glow: 0 0 0 3px rgba(100,200,220,0.28), 0 8px 32px rgba(100,200,220,0.16);
  --glass-shadow-ambient: 0 1px 2px rgba(0,0,0,0.25);
  --glass-shadow-danger-glow: 0 0 0 3px rgba(240,100,100,0.32);
  --glass-shadow-deep: 0 32px 80px rgba(0,0,0,0.55);
  --glass-shadow-inset-hi: inset 0 1px 0 rgba(255,255,255,0.08);
  --glass-shadow-inset-lo: inset 0 -1px 0 rgba(0,0,0,0.25);
  --glass-shadow-key: 0 8px 24px rgba(0,0,0,0.32);
  --glass-shadow-soft: 0 16px 48px rgba(0,0,0,0.42);
  --glass-success: rgb(100, 220, 150);
  --glass-success-bg: rgba(100, 220, 150, 0.14);
  --glass-text-disabled: rgba(255, 255, 255, 0.24);
  --glass-text-inverse: rgba(10, 10, 18, 0.92);
  --glass-text-primary: rgba(255, 255, 255, 0.92);
  --glass-text-quaternary: rgba(255, 255, 255, 0.36);
  --glass-text-secondary: rgba(255, 255, 255, 0.70);
  --glass-text-shadow-soft: 0 1px 2px rgba(0,0,0,0.35);
  --glass-text-tertiary: rgba(255, 255, 255, 0.52);
  --glass-tint-active: rgba(255, 255, 255, 0.12);
  --glass-tint-hover: rgba(255, 255, 255, 0.08);
  --glass-tint-inverse: rgba(0, 0, 0, 0.35);
  --glass-tint-panel: rgba(20, 22, 30, 0.55);
  --glass-tint-panel-elevated: rgba(20, 22, 30, 0.75);
  --glass-tint-primary: rgba(255, 255, 255, 0.05);
  --glass-tint-secondary: rgba(255, 255, 255, 0.03);
  --glass-tint-selected: rgba(100, 200, 220, 0.12);
  --glass-tint-tertiary: rgba(255, 255, 255, 0.02);
  --glass-warning: rgb(240, 200, 90);
  --glass-warning-bg: rgba(240, 200, 90, 0.14);
}
html[data-tri-studio]:where([data-theme="light-warm"]) {
  --glass-accent: rgb(25, 85, 150);
  --glass-accent-active: rgb(15, 55, 110);
  --glass-accent-hover: rgb(20, 70, 130);
  --glass-accent-on: rgba(255, 255, 255, 0.98);
  --glass-accent-rgb: 25, 85, 150;
  --glass-bg-canvas: radial-gradient(ellipse at 20% 0%, rgba(255, 200, 160, 0.16), transparent 55%), radial-gradient(ellipse at 90% 100%, rgba(200, 220, 255, 0.16), transparent 55%), #f7f6f3;
  --glass-bg-page: #fbfaf7;
  --glass-bg-solid-soft: #f2f0eb;
  --glass-bg-solid-strong: #ffffff;
  --glass-border-danger: rgba(200, 60, 60, 0.60);
  --glass-border-focus: rgba(60, 130, 200, 0.60);
  --glass-border-hairline: rgba(0, 0, 0, 0.06);
  --glass-border-soft: rgba(0, 0, 0, 0.10);
  --glass-border-strong: rgba(0, 0, 0, 0.18);
  --glass-border-top-gradient: linear-gradient(180deg, rgba(255,255,255,0.90) 0%, rgba(255,255,255,0.30) 40%, rgba(255,255,255,0) 100%);
  --glass-danger: rgb(200, 60, 60);
  --glass-danger-bg: rgba(200, 60, 60, 0.14);
  --glass-highlight: rgba(255, 255, 255, 0.70);
  --glass-highlight-accent: rgba(60, 130, 200, 0.24);
  --glass-highlight-strong: rgba(255, 255, 255, 0.90);
  --glass-info: rgb(60, 130, 200);
  --glass-info-bg: rgba(60, 130, 200, 0.14);
  --glass-node-decision-accent: rgb(180, 110, 60);
  --glass-node-decision-bg: rgba(180, 120, 80, 0.10);
  --glass-node-decision-border: rgba(180, 120, 80, 0.40);
  --glass-node-event-accent: rgb(60, 150, 180);
  --glass-node-event-bg: rgba(60, 150, 180, 0.10);
  --glass-node-event-border: rgba(60, 150, 180, 0.40);
  --glass-node-group-accent: rgb(60, 90, 170);
  --glass-node-group-bg: rgba(90, 110, 180, 0.10);
  --glass-node-group-border: rgba(90, 110, 180, 0.40);
  --glass-node-pipeline-accent: rgb(130, 80, 170);
  --glass-node-pipeline-bg: rgba(140, 90, 180, 0.10);
  --glass-node-pipeline-border: rgba(140, 90, 180, 0.40);
  --glass-node-service-accent: rgb(40, 140, 90);
  --glass-node-service-bg: rgba(60, 160, 110, 0.10);
  --glass-node-service-border: rgba(60, 160, 110, 0.40);
  --glass-refraction-caustic: conic-gradient(from 180deg at 50% 0%, rgba(255,255,255,0.60) 0%, rgba(255,255,255,0) 30%, rgba(255,255,255,0) 70%, rgba(255,255,255,0.40) 100%);
  --glass-refraction-edge: linear-gradient(135deg, rgba(255,255,255,0.80) 0%, rgba(255,255,255,0.20) 30%, rgba(255,255,255,0) 60%, rgba(255,255,255,0.30) 100%);
  --glass-shadow-accent-glow: 0 0 0 3px rgba(60,130,200,0.28), 0 8px 32px rgba(60,130,200,0.12);
  --glass-shadow-ambient: 0 1px 2px rgba(30,20,10,0.06);
  --glass-shadow-danger-glow: 0 0 0 3px rgba(200,60,60,0.28);
  --glass-shadow-deep: 0 32px 80px rgba(30,20,10,0.18);
  --glass-shadow-inset-hi: inset 0 1px 0 rgba(255,255,255,0.80);
  --glass-shadow-inset-lo: inset 0 -1px 0 rgba(0,0,0,0.06);
  --glass-shadow-key: 0 8px 24px rgba(30,20,10,0.10);
  --glass-shadow-soft: 0 16px 48px rgba(30,20,10,0.14);
  --glass-success: rgb(60, 150, 90);
  --glass-success-bg: rgba(60, 150, 90, 0.14);
  --glass-text-disabled: rgba(20, 20, 22, 0.24);
  --glass-text-inverse: rgba(255, 255, 255, 0.92);
  --glass-text-primary: rgba(20, 20, 22, 0.92);
  --glass-text-quaternary: rgba(20, 20, 22, 0.38);
  --glass-text-secondary: rgba(20, 20, 22, 0.70);
  --glass-text-shadow-soft: 0 1px 1px rgba(255,255,255,0.60);
  --glass-text-tertiary: rgba(20, 20, 22, 0.54);
  --glass-tint-active: rgba(0, 0, 0, 0.08);
  --glass-tint-hover: rgba(0, 0, 0, 0.04);
  --glass-tint-inverse: rgba(0, 0, 0, 0.06);
  --glass-tint-panel: rgba(255, 255, 255, 0.60);
  --glass-tint-panel-elevated: rgba(255, 255, 255, 0.80);
  --glass-tint-primary: rgba(255, 255, 255, 0.60);
  --glass-tint-secondary: rgba(255, 255, 255, 0.45);
  --glass-tint-selected: rgba(60, 130, 200, 0.14);
  --glass-tint-tertiary: rgba(255, 255, 255, 0.30);
  --glass-warning: rgb(200, 140, 40);
  --glass-warning-bg: rgba(200, 140, 40, 0.14);
}
html[data-tri-studio]:where([data-theme="oled-black"]) {
  --glass-accent: rgb(100, 200, 220);
  --glass-accent-active: rgb(80, 180, 200);
  --glass-accent-hover: rgb(130, 215, 230);
  --glass-accent-on: rgba(10, 20, 24, 0.96);
  --glass-accent-rgb: 100, 200, 220;
  --glass-bg-canvas: #000000;
  --glass-bg-page: #000000;
  --glass-bg-solid-soft: #0c0c12;
  --glass-bg-solid-strong: #050509;
  --glass-border-danger: rgba(240, 100, 100, 0.60);
  --glass-border-focus: rgba(100, 200, 220, 0.70);
  --glass-border-hairline: rgba(255, 255, 255, 0.05);
  --glass-border-soft: rgba(255, 255, 255, 0.20);
  --glass-border-strong: rgba(255, 255, 255, 0.30);
  --glass-danger: rgb(240, 110, 110);
  --glass-danger-bg: rgba(240, 110, 110, 0.10);
  --glass-highlight: rgba(255, 255, 255, 0.10);
  --glass-highlight-accent: rgba(100, 200, 220, 0.24);
  --glass-highlight-strong: rgba(255, 255, 255, 0.15);
  --glass-info: rgb(120, 180, 240);
  --glass-info-bg: rgba(120, 180, 240, 0.10);
  --glass-shadow-accent-glow: 0 0 0 3px rgba(100,200,220,0.36), 0 8px 32px rgba(100,200,220,0.20);
  --glass-shadow-ambient: 0 1px 2px rgba(0,0,0,0.8);
  --glass-shadow-danger-glow: 0 0 0 3px rgba(240,100,100,0.36);
  --glass-shadow-deep: 0 32px 80px rgba(0,0,0,0.98);
  --glass-shadow-inset-hi: inset 0 1px 0 rgba(255,255,255,0.06);
  --glass-shadow-inset-lo: inset 0 -1px 0 rgba(0,0,0,0.80);
  --glass-shadow-key: 0 8px 24px rgba(0,0,0,0.9);
  --glass-shadow-soft: 0 16px 48px rgba(0,0,0,0.96);
  --glass-success: rgb(100, 220, 150);
  --glass-success-bg: rgba(100, 220, 150, 0.10);
  --glass-text-disabled: rgba(255, 255, 255, 0.26);
  --glass-text-inverse: rgba(0, 0, 0, 0.96);
  --glass-text-primary: rgba(255, 255, 255, 0.96);
  --glass-text-quaternary: rgba(255, 255, 255, 0.40);
  --glass-text-secondary: rgba(255, 255, 255, 0.74);
  --glass-text-tertiary: rgba(255, 255, 255, 0.56);
  --glass-tint-active: rgba(255, 255, 255, 0.10);
  --glass-tint-hover: rgba(255, 255, 255, 0.06);
  --glass-tint-inverse: rgba(255, 255, 255, 0.06);
  --glass-tint-panel: rgba(8, 8, 12, 0.88);
  --glass-tint-panel-elevated: rgba(12, 12, 16, 0.94);
  --glass-tint-primary: rgba(255, 255, 255, 0.04);
  --glass-tint-secondary: rgba(255, 255, 255, 0.025);
  --glass-tint-selected: rgba(100, 200, 220, 0.10);
  --glass-tint-tertiary: rgba(255, 255, 255, 0.015);
  --glass-warning: rgb(240, 200, 90);
  --glass-warning-bg: rgba(240, 200, 90, 0.10);
}
html[data-tri-studio]:where([data-theme="high-contrast"]) {
  --glass-accent: Highlight;
  --glass-accent-on: HighlightText;
  --glass-accent-rgb: 0, 120, 215;
  --glass-bg-canvas: Canvas;
  --glass-bg-page: Canvas;
  --glass-bg-solid-strong: Canvas;
  --glass-border-focus: Highlight;
  --glass-border-hairline: CanvasText;
  --glass-border-soft: CanvasText;
  --glass-border-strong: CanvasText;
  --glass-danger: CanvasText;
  --glass-highlight: Highlight;
  --glass-info: CanvasText;
  --glass-shadow-ambient: 0 0 0 1px CanvasText;
  --glass-shadow-key: 0 0 0 1px CanvasText;
  --glass-shadow-soft: 0 0 0 2px CanvasText;
  --glass-success: CanvasText;
  --glass-text-disabled: GrayText;
  --glass-text-inverse: Canvas;
  --glass-text-primary: CanvasText;
  --glass-text-secondary: CanvasText;
  --glass-text-tertiary: GrayText;
  --glass-tint-active: Highlight;
  --glass-tint-hover: Highlight;
  --glass-tint-panel: Canvas;
  --glass-tint-panel-elevated: Canvas;
  --glass-tint-primary: Canvas;
  --glass-warning: CanvasText;
}
@media (prefers-reduced-transparency) {
  html[data-tri-studio] {
    --glass-blur-lg: 0;
    --glass-blur-md: 0;
    --glass-blur-sm: 0;
    --glass-blur-subtle: 0;
    --glass-blur-ultra: 0;
    --glass-blur-xl: 0;
    --glass-saturate-high: 100%;
    --glass-saturate-low: 100%;
    --glass-saturate-med: 100%;
    --glass-saturate-ultra: 100%;
    --glass-tint-panel: var(--glass-bg-solid-strong);
    --glass-tint-panel-elevated: var(--glass-bg-solid-strong);
    --glass-tint-primary: var(--glass-bg-solid-soft);
    --glass-tint-secondary: var(--glass-bg-solid-soft);
  }
}
@media (prefers-reduced-motion: reduce) {
  html[data-tri-studio] {
    --glass-duration-base: 80ms;
    --glass-duration-crawl: 80ms;
    --glass-duration-fast: 80ms;
    --glass-duration-instant: 0.01ms;
    --glass-duration-slow: 80ms;
    --glass-duration-slower: 80ms;
    --glass-ease-spring: linear;
    --glass-motion-scale: 0;
  }
}
@media (forced-colors: active) {
  html[data-tri-studio] {
    --glass-bg-canvas: Canvas;
    --glass-bg-page: Canvas;
    --glass-bg-solid-strong: Canvas;
    --glass-border-focus: Highlight;
    --glass-border-hairline: CanvasText;
    --glass-border-soft: CanvasText;
    --glass-border-strong: CanvasText;
    --glass-shadow-ambient: 0 0 0 1px CanvasText;
    --glass-shadow-key: 0 0 0 1px CanvasText;
    --glass-shadow-soft: 0 0 0 2px CanvasText;
    --glass-text-disabled: GrayText;
    --glass-text-inverse: Canvas;
    --glass-text-primary: CanvasText;
    --glass-text-secondary: CanvasText;
    --glass-text-tertiary: GrayText;
    --glass-tint-active: Highlight;
    --glass-tint-hover: Highlight;
    --glass-tint-panel: Canvas;
    --glass-tint-panel-elevated: Canvas;
    --glass-tint-primary: Canvas;
  }
}
html[data-tri-studio] {
  --tint-accent: rgba(124, 92, 255, 0.28);
  --tint-accent-hover: rgba(124, 92, 255, 0.38);
  --tint-accent-pressed: rgba(124, 92, 255, 0.46);
  --tint-accent-subtle: rgba(124, 92, 255, 0.14);
  --tint-cool: rgba(56, 178, 198, 0.26);
  --tint-cool-hover: rgba(56, 178, 198, 0.36);
  --tint-cool-pressed: rgba(56, 178, 198, 0.44);
  --tint-cool-subtle: rgba(56, 178, 198, 0.12);
  --tint-warm: rgba(255, 168, 92, 0.28);
  --tint-warm-hover: rgba(255, 168, 92, 0.38);
  --tint-warm-pressed: rgba(255, 168, 92, 0.46);
  --tint-warm-subtle: rgba(255, 168, 92, 0.14);
  --tint-neutral: rgba(255, 255, 255, 0.14);
  --tint-neutral-hover: rgba(255, 255, 255, 0.20);
  --tint-neutral-pressed: rgba(255, 255, 255, 0.26);
  --tint-neutral-subtle: rgba(255, 255, 255, 0.07);
  --glass-layer-budget-desktop: 8;
  --glass-layer-budget-mobile: 3;
}
html[data-tri-studio]:where([data-theme="light-warm"]) {
  --tint-accent: rgba(90, 50, 200, 0.14);
  --tint-accent-hover: rgba(90, 50, 200, 0.22);
  --tint-accent-pressed: rgba(90, 50, 200, 0.30);
  --tint-accent-subtle: rgba(90, 50, 200, 0.07);
  --tint-cool: rgba(30, 150, 170, 0.12);
  --tint-cool-hover: rgba(30, 150, 170, 0.18);
  --tint-cool-pressed: rgba(30, 150, 170, 0.24);
  --tint-cool-subtle: rgba(30, 150, 170, 0.06);
  --tint-warm: rgba(200, 110, 20, 0.14);
  --tint-warm-hover: rgba(200, 110, 20, 0.22);
  --tint-warm-pressed: rgba(200, 110, 20, 0.30);
  --tint-warm-subtle: rgba(200, 110, 20, 0.07);
  --tint-neutral: rgba(0, 0, 0, 0.05);
  --tint-neutral-hover: rgba(0, 0, 0, 0.08);
  --tint-neutral-pressed: rgba(0, 0, 0, 0.12);
  --tint-neutral-subtle: rgba(0, 0, 0, 0.03);
}
html[data-tri-studio]:where([data-theme="oled-black"]) {
  --tint-accent: rgba(150, 110, 255, 0.32);
  --tint-accent-hover: rgba(150, 110, 255, 0.44);
  --tint-accent-pressed: rgba(150, 110, 255, 0.54);
  --tint-accent-subtle: rgba(150, 110, 255, 0.16);
  --tint-cool: rgba(70, 200, 220, 0.30);
  --tint-cool-hover: rgba(70, 200, 220, 0.42);
  --tint-cool-pressed: rgba(70, 200, 220, 0.52);
  --tint-cool-subtle: rgba(70, 200, 220, 0.14);
  --tint-warm: rgba(255, 190, 100, 0.32);
  --tint-warm-hover: rgba(255, 190, 100, 0.44);
  --tint-warm-pressed: rgba(255, 190, 100, 0.54);
  --tint-warm-subtle: rgba(255, 190, 100, 0.16);
  --tint-neutral: rgba(255, 255, 255, 0.18);
  --tint-neutral-hover: rgba(255, 255, 255, 0.26);
  --tint-neutral-pressed: rgba(255, 255, 255, 0.34);
  --tint-neutral-subtle: rgba(255, 255, 255, 0.09);
}
html[data-tri-studio]:where([data-theme="high-contrast"]) {
  --tint-accent: rgba(0, 0, 255, 0.20);
  --tint-accent-hover: rgba(0, 0, 255, 0.30);
  --tint-accent-pressed: rgba(0, 0, 255, 0.40);
  --tint-accent-subtle: rgba(0, 0, 255, 0.10);
  --tint-cool: rgba(0, 150, 200, 0.20);
  --tint-cool-hover: rgba(0, 150, 200, 0.30);
  --tint-cool-pressed: rgba(0, 150, 200, 0.40);
  --tint-cool-subtle: rgba(0, 150, 200, 0.10);
  --tint-warm: rgba(200, 100, 0, 0.20);
  --tint-warm-hover: rgba(200, 100, 0, 0.30);
  --tint-warm-pressed: rgba(200, 100, 0, 0.40);
  --tint-warm-subtle: rgba(200, 100, 0, 0.10);
  --tint-neutral: rgba(128, 128, 128, 0.12);
  --tint-neutral-hover: rgba(128, 128, 128, 0.20);
  --tint-neutral-pressed: rgba(128, 128, 128, 0.28);
  --tint-neutral-subtle: rgba(128, 128, 128, 0.06);
}
@media (forced-colors: active) {
  html[data-tri-studio] {
    --tint-accent: rgba(0, 0, 255, 0.20);
    --tint-accent-hover: rgba(0, 0, 255, 0.30);
    --tint-accent-pressed: rgba(0, 0, 255, 0.40);
    --tint-accent-subtle: rgba(0, 0, 255, 0.10);
    --tint-cool: rgba(0, 150, 200, 0.20);
    --tint-cool-hover: rgba(0, 150, 200, 0.30);
    --tint-cool-pressed: rgba(0, 150, 200, 0.40);
    --tint-cool-subtle: rgba(0, 150, 200, 0.10);
    --tint-warm: rgba(200, 100, 0, 0.20);
    --tint-warm-hover: rgba(200, 100, 0, 0.30);
    --tint-warm-pressed: rgba(200, 100, 0, 0.40);
    --tint-warm-subtle: rgba(200, 100, 0, 0.10);
    --tint-neutral: rgba(128, 128, 128, 0.12);
    --tint-neutral-hover: rgba(128, 128, 128, 0.20);
    --tint-neutral-pressed: rgba(128, 128, 128, 0.28);
    --tint-neutral-subtle: rgba(128, 128, 128, 0.06);
  }
}
@media (prefers-reduced-transparency: reduce) {
  html[data-tri-studio] {
    --tint-accent: rgba(90, 60, 200, 0.90);
    --tint-cool: rgba(30, 140, 160, 0.90);
    --tint-warm: rgba(180, 100, 20, 0.90);
    --tint-neutral: rgba(60, 60, 60, 0.90);
  }
}
html[data-tri-studio] {
  --glass-bp-mobile: 480px;
  --glass-bp-tablet: 768px;
  --glass-bp-desktop: 1024px;
  --glass-bp-wide: 1440px;
}
@media (prefers-reduced-motion: reduce) {
  html[data-tri-studio] {
    --glass-duration-base: 80ms;
    --glass-duration-crawl: 80ms;
    --glass-duration-fast: 80ms;
    --glass-duration-instant: 0.01ms;
    --glass-duration-slow: 80ms;
    --glass-duration-slower: 80ms;
    --glass-ease-spring: linear;
    --glass-motion-scale: 0;
  }
}
@media (prefers-reduced-transparency) {
  html[data-tri-studio] {
    --glass-blur-lg: 0;
    --glass-blur-md: 0;
    --glass-blur-sm: 0;
    --glass-blur-subtle: 0;
    --glass-blur-ultra: 0;
    --glass-blur-xl: 0;
    --glass-saturate-high: 100%;
    --glass-saturate-low: 100%;
    --glass-saturate-med: 100%;
    --glass-saturate-ultra: 100%;
    --glass-tint-panel: var(--glass-bg-solid-strong);
    --glass-tint-panel-elevated: var(--glass-bg-solid-strong);
    --glass-tint-primary: var(--glass-bg-solid-soft);
    --glass-tint-secondary: var(--glass-bg-solid-soft);
  }
}
@media (forced-colors: active) {
  html[data-tri-studio] {
    --glass-accent: Highlight;
    --glass-accent-on: HighlightText;
    --glass-accent-rgb: 0, 120, 215;
    --glass-bg-canvas: Canvas;
    --glass-bg-page: Canvas;
    --glass-bg-solid-strong: Canvas;
    --glass-border-focus: Highlight;
    --glass-border-hairline: CanvasText;
    --glass-border-soft: CanvasText;
    --glass-border-strong: CanvasText;
    --glass-danger: CanvasText;
    --glass-highlight: Highlight;
    --glass-info: CanvasText;
    --glass-shadow-ambient: 0 0 0 1px CanvasText;
    --glass-shadow-key: 0 0 0 1px CanvasText;
    --glass-shadow-soft: 0 0 0 2px CanvasText;
    --glass-success: CanvasText;
    --glass-text-disabled: GrayText;
    --glass-text-inverse: Canvas;
    --glass-text-primary: CanvasText;
    --glass-text-secondary: CanvasText;
    --glass-text-tertiary: GrayText;
    --glass-tint-active: Highlight;
    --glass-tint-hover: Highlight;
    --glass-tint-panel: Canvas;
    --glass-tint-panel-elevated: Canvas;
    --glass-tint-primary: Canvas;
    --glass-warning: CanvasText;
  }
}
html[data-tri-studio] {
  --glass-pad-xs: 6px;
  --glass-pad-sm: 10px;
  --glass-pad-md: 14px;
  --glass-pad-lg: 20px;
  --glass-pad-xl: 28px;
  --glass-gap-xs: 4px;
  --glass-gap-sm: 6px;
  --glass-gap-md: 10px;
  --glass-gap-lg: 14px;
  --glass-touch-min: 44px;
  --glass-control-h-sm: 32px;
  --glass-control-h-md: 40px;
  --glass-control-h-lg: 48px;
  --glass-text-xs: 11px;
  --glass-text-sm: 13px;
  --glass-text-base: 14px;
  --glass-text-lg: 16px;
  --glass-line-tight: 1.2;
  --glass-line-normal: 1.45;
  --glass-radius-sm: 6px;
  --glass-radius-md: 10px;
  --glass-radius-lg: 14px;
}
html[data-tri-studio]:where([data-density="compact"]) {
  --glass-pad-xs: 3px;
  --glass-pad-sm: 6px;
  --glass-pad-md: 8px;
  --glass-pad-lg: 12px;
  --glass-pad-xl: 18px;
  --glass-gap-xs: 2px;
  --glass-gap-sm: 4px;
  --glass-gap-md: 6px;
  --glass-gap-lg: 10px;
  --glass-touch-min: 32px;
  --glass-control-h-sm: 26px;
  --glass-control-h-md: 32px;
  --glass-control-h-lg: 38px;
  --glass-text-xs: 10px;
  --glass-text-sm: 11px;
  --glass-text-base: 12px;
  --glass-text-lg: 14px;
  --glass-line-tight: 1.15;
  --glass-line-normal: 1.35;
  --glass-radius-sm: 4px;
  --glass-radius-md: 7px;
  --glass-radius-lg: 10px;
}
html[data-tri-studio]:where([data-density="comfortable"]) {
  --glass-pad-xs: 6px;
  --glass-pad-sm: 10px;
  --glass-pad-md: 14px;
  --glass-pad-lg: 20px;
  --glass-pad-xl: 28px;
  --glass-gap-xs: 4px;
  --glass-gap-sm: 6px;
  --glass-gap-md: 10px;
  --glass-gap-lg: 14px;
  --glass-touch-min: 44px;
  --glass-control-h-sm: 32px;
  --glass-control-h-md: 40px;
  --glass-control-h-lg: 48px;
  --glass-text-xs: 11px;
  --glass-text-sm: 13px;
  --glass-text-base: 14px;
  --glass-text-lg: 16px;
  --glass-line-tight: 1.2;
  --glass-line-normal: 1.45;
  --glass-radius-sm: 6px;
  --glass-radius-md: 10px;
  --glass-radius-lg: 14px;
}
html[data-tri-studio]:where([data-density="spacious"]) {
  --glass-pad-xs: 10px;
  --glass-pad-sm: 16px;
  --glass-pad-md: 22px;
  --glass-pad-lg: 30px;
  --glass-pad-xl: 42px;
  --glass-gap-xs: 8px;
  --glass-gap-sm: 12px;
  --glass-gap-md: 18px;
  --glass-gap-lg: 24px;
  --glass-touch-min: 52px;
  --glass-control-h-sm: 38px;
  --glass-control-h-md: 48px;
  --glass-control-h-lg: 56px;
  --glass-text-xs: 12px;
  --glass-text-sm: 15px;
  --glass-text-base: 16px;
  --glass-text-lg: 18px;
  --glass-line-tight: 1.25;
  --glass-line-normal: 1.55;
  --glass-radius-sm: 8px;
  --glass-radius-md: 14px;
  --glass-radius-lg: 18px;
}