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

:root[data-theme="citrine-ash-light"], [data-theme="citrine-ash-light"] {
  color-scheme: light;
  --ui-bg: #fbfbf2;
  --ui-fg: #3d3b30;
  --ui-fg-muted: #6b6859;
  --ui-surface: #f3f1e3;
  --ui-surface-hover: #ebe8d6;
  --ui-border: rgba(61, 59, 48, 0.14);
  --ui-primary: #c59f12;
  --ui-on-primary: #1d1b14;
  --ui-primary-muted: rgba(197, 159, 18, 0.14);
  --ui-primary-hover: rgba(197, 159, 18, 0.22);
  --ui-primary-active: rgba(197, 159, 18, 0.3);
  --ui-secondary: #2f2d26;
  --ui-on-secondary: #fbfbf2;
  --ui-secondary-muted: rgba(47, 45, 38, 0.14);
  --ui-secondary-hover: rgba(47, 45, 38, 0.22);
  --ui-secondary-active: rgba(47, 45, 38, 0.3);
  --ui-accent: #f2d65a;
  --ui-on-accent: #1d1b14;
  --ui-accent-muted: rgba(242, 214, 90, 0.14);
  --ui-accent-hover: rgba(242, 214, 90, 0.22);
  --ui-accent-active: rgba(242, 214, 90, 0.3);
  --ui-success: #6f8f2e;
  --ui-on-success: #14130f;
  --ui-success-muted: rgba(111, 143, 46, 0.16);
  --ui-success-hover: rgba(111, 143, 46, 0.24);
  --ui-success-active: rgba(111, 143, 46, 0.32);
  --ui-warning: #c2841a;
  --ui-on-warning: #1a1508;
  --ui-warning-muted: rgba(194, 132, 26, 0.16);
  --ui-warning-hover: rgba(194, 132, 26, 0.24);
  --ui-warning-active: rgba(194, 132, 26, 0.32);
  --ui-info: #3a5ea8;
  --ui-on-info: #fbfbf2;
  --ui-info-muted: rgba(58, 94, 168, 0.16);
  --ui-info-hover: rgba(58, 94, 168, 0.24);
  --ui-info-active: rgba(58, 94, 168, 0.32);
  --ui-critical: #b94b3f;
  --ui-on-critical: #fbfbf2;
  --ui-critical-muted: rgba(185, 75, 63, 0.16);
  --ui-critical-hover: rgba(185, 75, 63, 0.24);
  --ui-critical-active: rgba(185, 75, 63, 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(61, 59, 48, 0.06);
  --ui-tonal-secondary-hover: rgba(61, 59, 48, 0.1);
  --ui-tonal-tertiary: rgba(61, 59, 48, 0.03);
  --ui-tonal-tertiary-hover: rgba(61, 59, 48, 0.07);
  --ui-ring: rgba(197, 159, 18, 0.4);
  --ui-glow-primary: 0 0 0 2px rgba(197, 159, 18, 0.25);
  --ui-glow-accent: 0 0 0 2px rgba(242, 214, 90, 0.22);
  --ui-glow-critical: 0 0 0 2px rgba(185, 75, 63, 0.25);
  --ui-glow-success: 0 0 0 2px rgba(111, 143, 46, 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(20, 18, 12, 0.12);
  --ui-shadow-md: 0 6px 18px rgba(20, 18, 12, 0.22);
  --ui-lift-hover: -0.5px;
  --ui-scale-active: 0.97;
  --ui-logo-start: #c59f12;
  --ui-logo-end: #3a5ea8;
  --ui-logo-cutout: #fbfbf2;
}

:root[data-theme="citrine-ash-dark"], [data-theme="citrine-ash-dark"] {
  color-scheme: dark;
  --ui-bg: #15140f;
  --ui-fg: #f5f2d9;
  --ui-fg-muted: #c7c2a1;
  --ui-surface: #1d1b14;
  --ui-surface-hover: #26241b;
  --ui-border: rgba(245, 242, 217, 0.12);
  --ui-primary: #f5e27a;
  --ui-on-primary: #14130d;
  --ui-primary-muted: rgba(245, 226, 122, 0.14);
  --ui-primary-hover: rgba(245, 226, 122, 0.22);
  --ui-primary-active: rgba(245, 226, 122, 0.3);
  --ui-secondary: #4b463a;
  --ui-on-secondary: #f5f2d9;
  --ui-secondary-muted: rgba(75, 70, 58, 0.16);
  --ui-secondary-hover: rgba(75, 70, 58, 0.24);
  --ui-secondary-active: rgba(75, 70, 58, 0.32);
  --ui-accent: #ffe58f;
  --ui-on-accent: #14130d;
  --ui-accent-muted: rgba(255, 229, 143, 0.16);
  --ui-accent-hover: rgba(255, 229, 143, 0.24);
  --ui-accent-active: rgba(255, 229, 143, 0.32);
  --ui-success: #a8c15a;
  --ui-on-success: #14130d;
  --ui-success-muted: rgba(168, 193, 90, 0.16);
  --ui-success-hover: rgba(168, 193, 90, 0.24);
  --ui-success-active: rgba(168, 193, 90, 0.32);
  --ui-warning: #e0b455;
  --ui-on-warning: #1b170a;
  --ui-warning-muted: rgba(224, 180, 85, 0.16);
  --ui-warning-hover: rgba(224, 180, 85, 0.24);
  --ui-warning-active: rgba(224, 180, 85, 0.32);
  --ui-info: #7f9edc;
  --ui-on-info: #10121f;
  --ui-info-muted: rgba(127, 158, 220, 0.16);
  --ui-info-hover: rgba(127, 158, 220, 0.24);
  --ui-info-active: rgba(127, 158, 220, 0.32);
  --ui-critical: #e38b7a;
  --ui-on-critical: #14130d;
  --ui-critical-muted: rgba(227, 139, 122, 0.16);
  --ui-critical-hover: rgba(227, 139, 122, 0.24);
  --ui-critical-active: rgba(227, 139, 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(245, 242, 217, 0.08);
  --ui-tonal-secondary-hover: rgba(245, 242, 217, 0.14);
  --ui-tonal-tertiary: rgba(245, 242, 217, 0.04);
  --ui-tonal-tertiary-hover: rgba(245, 242, 217, 0.1);
  --ui-ring: rgba(245, 226, 122, 0.5);
  --ui-glow-primary: 0 0 0 2px rgba(245, 226, 122, 0.35);
  --ui-glow-accent: 0 0 0 2px rgba(255, 229, 143, 0.35);
  --ui-glow-critical: 0 0 0 2px rgba(227, 139, 122, 0.3);
  --ui-glow-success: 0 0 0 2px rgba(168, 193, 90, 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: #f5e27a;
  --ui-logo-end: #7f9edc;
  --ui-logo-cutout: #15140f;
}
