/* This file is generated from src/themes/semanticThemeContract.js. */

:root[data-theme="pixpax-light"], [data-theme="pixpax-light"] {
  color-scheme: light;
  --ui-bg: #f8f6ff;
  --ui-fg: #241b2f;
  --ui-fg-muted: #6d627b;
  --ui-surface: #ffffff;
  --ui-surface-hover: #f3eeff;
  --ui-border: rgba(36, 27, 47, 0.1);
  --ui-primary: #7c3aed;
  --ui-on-primary: #fdfbff;
  --ui-primary-muted: rgba(124, 58, 237, 0.14);
  --ui-primary-hover: rgba(124, 58, 237, 0.22);
  --ui-primary-active: rgba(124, 58, 237, 0.3);
  --ui-secondary: #4b5563;
  --ui-on-secondary: #fdfbff;
  --ui-secondary-muted: rgba(75, 85, 99, 0.12);
  --ui-secondary-hover: rgba(75, 85, 99, 0.2);
  --ui-secondary-active: rgba(75, 85, 99, 0.28);
  --ui-accent: #f59e0b;
  --ui-on-accent: #2b1700;
  --ui-accent-muted: rgba(245, 158, 11, 0.14);
  --ui-accent-hover: rgba(245, 158, 11, 0.22);
  --ui-accent-active: rgba(245, 158, 11, 0.3);
  --ui-success: #10b981;
  --ui-on-success: #f3fffb;
  --ui-success-muted: rgba(16, 185, 129, 0.14);
  --ui-success-hover: rgba(16, 185, 129, 0.22);
  --ui-success-active: rgba(16, 185, 129, 0.3);
  --ui-warning: #f59e0b;
  --ui-on-warning: #2b1700;
  --ui-warning-muted: rgba(245, 158, 11, 0.14);
  --ui-warning-hover: rgba(245, 158, 11, 0.22);
  --ui-warning-active: rgba(245, 158, 11, 0.3);
  --ui-info: #06b6d4;
  --ui-on-info: #ecfeff;
  --ui-info-muted: rgba(6, 182, 212, 0.14);
  --ui-info-hover: rgba(6, 182, 212, 0.22);
  --ui-info-active: rgba(6, 182, 212, 0.3);
  --ui-critical: #ec4899;
  --ui-on-critical: #fff4fa;
  --ui-critical-muted: rgba(236, 72, 153, 0.14);
  --ui-critical-hover: rgba(236, 72, 153, 0.22);
  --ui-critical-active: rgba(236, 72, 153, 0.3);
  --ui-danger: var(--ui-critical);
  --ui-on-danger: var(--ui-on-critical);
  --ui-danger-muted: var(--ui-critical-muted);
  --ui-danger-hover: var(--ui-critical-hover);
  --ui-danger-active: var(--ui-critical-active);
  --ui-tonal-secondary: rgba(36, 27, 47, 0.05);
  --ui-tonal-secondary-hover: rgba(36, 27, 47, 0.09);
  --ui-tonal-tertiary: rgba(36, 27, 47, 0.025);
  --ui-tonal-tertiary-hover: rgba(36, 27, 47, 0.06);
  --ui-ring: rgba(124, 58, 237, 0.38);
  --ui-glow-primary: 0 0 0 2px rgba(124, 58, 237, 0.22);
  --ui-glow-accent: 0 0 0 2px rgba(245, 158, 11, 0.22);
  --ui-glow-critical: 0 0 0 2px rgba(236, 72, 153, 0.22);
  --ui-glow-success: 0 0 0 2px rgba(16, 185, 129, 0.22);
  --ui-radius-sm: 8px;
  --ui-radius-md: 12px;
  --ui-radius-lg: 16px;
  --ui-duration-fast: 120ms;
  --ui-duration-normal: 200ms;
  --ui-duration-slow: 300ms;
  --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ui-shadow-sm: 0 1px 2px rgba(36, 27, 47, 0.1);
  --ui-shadow-md: 0 10px 28px rgba(85, 47, 140, 0.16);
  --ui-lift-hover: -0.5px;
  --ui-scale-active: 0.97;
  --ui-logo-start: #7c3aed;
  --ui-logo-end: #f59e0b;
  --ui-logo-cutout: #f8f6ff;
}

:root[data-theme="pixpax-dark"], [data-theme="pixpax-dark"] {
  color-scheme: dark;
  --ui-bg: #120f1f;
  --ui-fg: #f6f2ff;
  --ui-fg-muted: #b7add1;
  --ui-surface: #1a1630;
  --ui-surface-hover: #241d40;
  --ui-border: rgba(246, 242, 255, 0.08);
  --ui-primary: #a855f7;
  --ui-on-primary: #190a26;
  --ui-primary-muted: rgba(168, 85, 247, 0.16);
  --ui-primary-hover: rgba(168, 85, 247, 0.24);
  --ui-primary-active: rgba(168, 85, 247, 0.32);
  --ui-secondary: #7c6f9f;
  --ui-on-secondary: #120f1f;
  --ui-secondary-muted: rgba(124, 111, 159, 0.16);
  --ui-secondary-hover: rgba(124, 111, 159, 0.24);
  --ui-secondary-active: rgba(124, 111, 159, 0.32);
  --ui-accent: #fbbf24;
  --ui-on-accent: #2a1b00;
  --ui-accent-muted: rgba(251, 191, 36, 0.16);
  --ui-accent-hover: rgba(251, 191, 36, 0.24);
  --ui-accent-active: rgba(251, 191, 36, 0.32);
  --ui-success: #34d399;
  --ui-on-success: #062116;
  --ui-success-muted: rgba(52, 211, 153, 0.16);
  --ui-success-hover: rgba(52, 211, 153, 0.24);
  --ui-success-active: rgba(52, 211, 153, 0.32);
  --ui-warning: #f59e0b;
  --ui-on-warning: #2b1700;
  --ui-warning-muted: rgba(245, 158, 11, 0.16);
  --ui-warning-hover: rgba(245, 158, 11, 0.24);
  --ui-warning-active: rgba(245, 158, 11, 0.32);
  --ui-info: #22d3ee;
  --ui-on-info: #06202a;
  --ui-info-muted: rgba(34, 211, 238, 0.16);
  --ui-info-hover: rgba(34, 211, 238, 0.24);
  --ui-info-active: rgba(34, 211, 238, 0.32);
  --ui-critical: #f472b6;
  --ui-on-critical: #2a0b1d;
  --ui-critical-muted: rgba(244, 114, 182, 0.16);
  --ui-critical-hover: rgba(244, 114, 182, 0.24);
  --ui-critical-active: rgba(244, 114, 182, 0.32);
  --ui-danger: var(--ui-critical);
  --ui-on-danger: var(--ui-on-critical);
  --ui-danger-muted: var(--ui-critical-muted);
  --ui-danger-hover: var(--ui-critical-hover);
  --ui-danger-active: var(--ui-critical-active);
  --ui-tonal-secondary: rgba(246, 242, 255, 0.06);
  --ui-tonal-secondary-hover: rgba(246, 242, 255, 0.12);
  --ui-tonal-tertiary: rgba(246, 242, 255, 0.03);
  --ui-tonal-tertiary-hover: rgba(246, 242, 255, 0.08);
  --ui-ring: rgba(168, 85, 247, 0.42);
  --ui-glow-primary: 0 0 0 2px rgba(168, 85, 247, 0.32);
  --ui-glow-accent: 0 0 0 2px rgba(251, 191, 36, 0.28);
  --ui-glow-critical: 0 0 0 2px rgba(244, 114, 182, 0.28);
  --ui-glow-success: 0 0 0 2px rgba(52, 211, 153, 0.28);
  --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.45);
  --ui-shadow-md: 0 14px 40px rgba(5, 0, 20, 0.58);
  --ui-radius-sm: 6px;
  --ui-radius-md: 10px;
  --ui-radius-lg: 14px;
  --ui-duration-fast: 120ms;
  --ui-duration-normal: 180ms;
  --ui-duration-slow: 240ms;
  --ui-ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ui-lift-hover: -0.5px;
  --ui-scale-active: 0.98;
  --ui-logo-start: #a855f7;
  --ui-logo-end: #fbbf24;
  --ui-logo-cutout: #120f1f;
}