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

:root[data-theme="spruce-ink-light"], [data-theme="spruce-ink-light"] {
  color-scheme: light;
  --ui-bg: #f7f7f4;
  --ui-fg: #2d3047;
  --ui-fg-muted: #5b6078;
  --ui-surface: #eef0ee;
  --ui-surface-hover: #e2e5e2;
  --ui-border: rgba(45, 48, 71, 0.14);
  --ui-primary: #1b7f5a;
  --ui-on-primary: #f7f7f4;
  --ui-primary-muted: rgba(27, 127, 90, 0.14);
  --ui-primary-hover: rgba(27, 127, 90, 0.22);
  --ui-primary-active: rgba(27, 127, 90, 0.3);
  --ui-secondary: #1f2937;
  --ui-on-secondary: #f7f7f4;
  --ui-secondary-muted: rgba(31, 41, 55, 0.14);
  --ui-secondary-hover: rgba(31, 41, 55, 0.22);
  --ui-secondary-active: rgba(31, 41, 55, 0.3);
  --ui-accent: #7cc4a1;
  --ui-on-accent: #0f1a16;
  --ui-accent-muted: rgba(124, 196, 161, 0.14);
  --ui-accent-hover: rgba(124, 196, 161, 0.22);
  --ui-accent-active: rgba(124, 196, 161, 0.3);
  --ui-success: #1b7f5a;
  --ui-on-success: #f7f7f4;
  --ui-success-muted: rgba(27, 127, 90, 0.16);
  --ui-success-hover: rgba(27, 127, 90, 0.24);
  --ui-success-active: rgba(27, 127, 90, 0.32);
  --ui-warning: #c0813a;
  --ui-on-warning: #16181f;
  --ui-warning-muted: rgba(192, 129, 58, 0.16);
  --ui-warning-hover: rgba(192, 129, 58, 0.24);
  --ui-warning-active: rgba(192, 129, 58, 0.32);
  --ui-info: #2f5d8a;
  --ui-on-info: #f7f7f4;
  --ui-info-muted: rgba(47, 93, 138, 0.16);
  --ui-info-hover: rgba(47, 93, 138, 0.24);
  --ui-info-active: rgba(47, 93, 138, 0.32);
  --ui-critical: #c4514f;
  --ui-on-critical: #f7f7f4;
  --ui-critical-muted: rgba(196, 81, 79, 0.16);
  --ui-critical-hover: rgba(196, 81, 79, 0.24);
  --ui-critical-active: rgba(196, 81, 79, 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(45, 48, 71, 0.06);
  --ui-tonal-secondary-hover: rgba(45, 48, 71, 0.1);
  --ui-tonal-tertiary: rgba(45, 48, 71, 0.03);
  --ui-tonal-tertiary-hover: rgba(45, 48, 71, 0.07);
  --ui-ring: rgba(27, 127, 90, 0.4);
  --ui-glow-primary: 0 0 0 2px rgba(27, 127, 90, 0.25);
  --ui-glow-accent: 0 0 0 2px rgba(124, 196, 161, 0.22);
  --ui-glow-critical: 0 0 0 2px rgba(196, 81, 79, 0.25);
  --ui-glow-success: 0 0 0 2px rgba(27, 127, 90, 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(12, 14, 22, 0.12);
  --ui-shadow-md: 0 6px 18px rgba(12, 14, 22, 0.22);
  --ui-lift-hover: -0.5px;
  --ui-scale-active: 0.97;
  --ui-logo-start: #1b7f5a;
  --ui-logo-end: #1f2937;
  --ui-logo-cutout: #f7f7f4;
}

:root[data-theme="spruce-ink-dark"], [data-theme="spruce-ink-dark"] {
  color-scheme: dark;
  --ui-bg: #171a2a;
  --ui-fg: #eef1f4;
  --ui-fg-muted: #a5abc4;
  --ui-surface: #1f2336;
  --ui-surface-hover: #2a2f45;
  --ui-border: rgba(238, 241, 244, 0.12);
  --ui-primary: #4fd1a5;
  --ui-on-primary: #0c1512;
  --ui-primary-muted: rgba(79, 209, 165, 0.14);
  --ui-primary-hover: rgba(79, 209, 165, 0.22);
  --ui-primary-active: rgba(79, 209, 165, 0.3);
  --ui-secondary: #3f475a;
  --ui-on-secondary: #eef1f4;
  --ui-secondary-muted: rgba(63, 71, 90, 0.16);
  --ui-secondary-hover: rgba(63, 71, 90, 0.24);
  --ui-secondary-active: rgba(63, 71, 90, 0.32);
  --ui-accent: #9adbc0;
  --ui-on-accent: #0c1512;
  --ui-accent-muted: rgba(154, 219, 192, 0.16);
  --ui-accent-hover: rgba(154, 219, 192, 0.24);
  --ui-accent-active: rgba(154, 219, 192, 0.32);
  --ui-success: #6fe0b8;
  --ui-on-success: #0c1512;
  --ui-success-muted: rgba(111, 224, 184, 0.16);
  --ui-success-hover: rgba(111, 224, 184, 0.24);
  --ui-success-active: rgba(111, 224, 184, 0.32);
  --ui-warning: #d9a15a;
  --ui-on-warning: #1b1a18;
  --ui-warning-muted: rgba(217, 161, 90, 0.16);
  --ui-warning-hover: rgba(217, 161, 90, 0.24);
  --ui-warning-active: rgba(217, 161, 90, 0.32);
  --ui-info: #6f8ec7;
  --ui-on-info: #0b0f1f;
  --ui-info-muted: rgba(111, 142, 199, 0.16);
  --ui-info-hover: rgba(111, 142, 199, 0.24);
  --ui-info-active: rgba(111, 142, 199, 0.32);
  --ui-critical: #e07f7a;
  --ui-on-critical: #141311;
  --ui-critical-muted: rgba(224, 127, 122, 0.16);
  --ui-critical-hover: rgba(224, 127, 122, 0.24);
  --ui-critical-active: rgba(224, 127, 122, 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(238, 241, 244, 0.08);
  --ui-tonal-secondary-hover: rgba(238, 241, 244, 0.14);
  --ui-tonal-tertiary: rgba(238, 241, 244, 0.04);
  --ui-tonal-tertiary-hover: rgba(238, 241, 244, 0.1);
  --ui-ring: rgba(79, 209, 165, 0.5);
  --ui-glow-primary: 0 0 0 2px rgba(79, 209, 165, 0.35);
  --ui-glow-accent: 0 0 0 2px rgba(154, 219, 192, 0.35);
  --ui-glow-critical: 0 0 0 2px rgba(224, 127, 122, 0.3);
  --ui-glow-success: 0 0 0 2px rgba(111, 224, 184, 0.3);
  --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(0, 0, 0, 0.3);
  --ui-shadow-md: 0 6px 18px rgba(0, 0, 0, 0.45);
  --ui-lift-hover: -0.5px;
  --ui-scale-active: 0.97;
  --ui-logo-start: #4fd1a5;
  --ui-logo-end: #3f475a;
  --ui-logo-cutout: #171a2a;
}