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

:root {
  color-scheme: light;
  --ui-bg: #fbf7f0;
  --ui-fg: #181615;
  --ui-fg-muted: #5f5b55;
  --ui-surface: #f2ece2;
  --ui-surface-hover: #e7e0d4;
  --ui-border: rgba(24, 22, 21, 0.12);
  --ui-primary: #6d28d9;
  --ui-on-primary: #fbf7f0;
  --ui-primary-muted: rgba(109, 40, 217, 0.14);
  --ui-primary-hover: rgba(109, 40, 217, 0.22);
  --ui-primary-active: rgba(109, 40, 217, 0.3);
  --ui-accent: #b45309;
  --ui-on-accent: #fbf7f0;
  --ui-accent-muted: rgba(180, 83, 9, 0.14);
  --ui-accent-hover: rgba(180, 83, 9, 0.22);
  --ui-accent-active: rgba(180, 83, 9, 0.3);
  --ui-secondary: #3eca9b;
  --ui-on-secondary: #0f1a16;
  --ui-secondary-muted: rgba(62, 202, 155, 0.14);
  --ui-secondary-hover: rgba(62, 202, 155, 0.22);
  --ui-secondary-active: rgba(62, 202, 155, 0.3);
  --ui-critical: #b42318;
  --ui-on-critical: #fbf7f0;
  --ui-critical-muted: rgba(180, 35, 24, 0.16);
  --ui-critical-hover: rgba(180, 35, 24, 0.24);
  --ui-critical-active: rgba(180, 35, 24, 0.32);
  --ui-success: #1f8f62;
  --ui-on-success: #fbf7f0;
  --ui-success-muted: rgba(31, 143, 98, 0.16);
  --ui-success-hover: rgba(31, 143, 98, 0.24);
  --ui-success-active: rgba(31, 143, 98, 0.32);
  --ui-warning: #b45309;
  --ui-on-warning: #fbf7f0;
  --ui-warning-muted: rgba(180, 83, 9, 0.16);
  --ui-warning-hover: rgba(180, 83, 9, 0.24);
  --ui-warning-active: rgba(180, 83, 9, 0.32);
  --ui-info: #2563eb;
  --ui-on-info: #fbf7f0;
  --ui-info-muted: rgba(37, 99, 235, 0.16);
  --ui-info-hover: rgba(37, 99, 235, 0.24);
  --ui-info-active: rgba(37, 99, 235, 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(24, 22, 21, 0.06);
  --ui-tonal-secondary-hover: rgba(24, 22, 21, 0.1);
  --ui-tonal-tertiary: rgba(24, 22, 21, 0.03);
  --ui-tonal-tertiary-hover: rgba(24, 22, 21, 0.07);
  --ui-ring: rgba(109, 40, 217, 0.4);
  --ui-glow-primary: 0 0 0 2px rgba(109, 40, 217, 0.25);
  --ui-glow-accent: 0 0 0 2px rgba(180, 83, 9, 0.22);
  --ui-glow-critical: 0 0 0 2px rgba(180, 35, 24, 0.25);
  --ui-glow-success: 0 0 0 2px rgba(31, 143, 98, 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(10, 8, 6, 0.12);
  --ui-shadow-md: 0 6px 18px rgba(10, 8, 6, 0.22);
  --ui-lift-hover: -0.5px;
  --ui-scale-active: 0.97;
  --ui-logo-start: #FF5757;
  --ui-logo-end: #8C52FF;
  --ui-logo-cutout: #fbf7f0;
}

@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: dark;
    --ui-bg: #2d3047;
    --ui-fg: #e9e6df;
    --ui-fg-muted: #b7b2a8;
    --ui-surface: #1b1a18;
    --ui-surface-hover: #24231f;
    --ui-border: rgba(233, 230, 223, 0.12);
    --ui-primary: #419d78;
    --ui-on-primary: #141311;
    --ui-primary-muted: rgba(196, 181, 253, 0.14);
    --ui-primary-hover: rgba(196, 181, 253, 0.22);
    --ui-primary-active: rgba(196, 181, 253, 0.3);
    --ui-accent: #f59e0b;
    --ui-on-accent: #141311;
    --ui-accent-muted: rgba(245, 158, 11, 0.16);
    --ui-accent-hover: rgba(245, 158, 11, 0.24);
    --ui-accent-active: rgba(245, 158, 11, 0.32);
    --ui-secondary: #2b9572;
    --ui-on-secondary: #0b1411;
    --ui-secondary-muted: rgba(43, 149, 114, 0.16);
    --ui-secondary-hover: rgba(43, 149, 114, 0.24);
    --ui-secondary-active: rgba(43, 149, 114, 0.32);
    --ui-critical: #f87171;
    --ui-on-critical: #141311;
    --ui-critical-muted: rgba(248, 113, 113, 0.16);
    --ui-critical-hover: rgba(248, 113, 113, 0.24);
    --ui-critical-active: rgba(248, 113, 113, 0.32);
    --ui-success: #34d399;
    --ui-on-success: #0b1411;
    --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: #141311;
    --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: #60a5fa;
    --ui-on-info: #0b1411;
    --ui-info-muted: rgba(96, 165, 250, 0.16);
    --ui-info-hover: rgba(96, 165, 250, 0.24);
    --ui-info-active: rgba(96, 165, 250, 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(233, 230, 223, 0.08);
    --ui-tonal-secondary-hover: rgba(233, 230, 223, 0.14);
    --ui-tonal-tertiary: rgba(233, 230, 223, 0.04);
    --ui-tonal-tertiary-hover: rgba(233, 230, 223, 0.1);
    --ui-ring: rgba(196, 181, 253, 0.5);
    --ui-glow-primary: 0 0 0 2px rgba(196, 181, 253, 0.35);
    --ui-glow-accent: 0 0 0 2px rgba(245, 158, 11, 0.35);
    --ui-glow-critical: 0 0 0 2px rgba(248, 113, 113, 0.3);
    --ui-glow-success: 0 0 0 2px rgba(52, 211, 153, 0.3);
    --ui-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --ui-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
    --ui-logo-start: #FF6B6B;
    --ui-logo-end: #A78BFA;
    --ui-logo-cutout: #2d3047;
  }
}