/* Zephyrium product color system. Use semantic roles; brand anchor: #207B73. */
:root {
  --z-brand-50: #EFF9F6;
  --z-brand-100: #DCF0EA;
  --z-brand-200: #BCE1D6;
  --z-brand-300: #74C8BD;
  --z-brand-400: #50AE9E;
  --z-brand-500: #369588;
  --z-brand-600: #207B73;
  --z-brand-700: #19675F;
  --z-brand-800: #16524D;
  --z-brand-900: #143F3B;
  --z-brand-950: #092824;
}
:root, [data-theme="light"] {
  --z-canvas: #F6F8F7;
  --z-surface: #FFFFFF;
  --z-raised: #FFFFFF;
  --z-subtle: #EDF2EF;
  --z-hover: #E7EEEB;
  --z-text: #192824;
  --z-text-secondary: #52645F;
  --z-text-muted: #586B62;
  --z-border: #D8E2DD;
  --z-border-control: #768D81;
  --z-accent: #207B73;
  --z-accent-hover: #19675F;
  --z-accent-pressed: #14544F;
  --z-accent-subtle: #EDF8F4;
  --z-on-accent: #FFFFFF;
  --z-focus: #207B73;
  --z-disabled-bg: #E8EEEB;
  --z-disabled-text: #76867E;
  --z-success: #277249;
  --z-success-bg: #EAF4EC;
  --z-warning: #95600B;
  --z-warning-bg: #FFF4DE;
  --z-danger: #BD4141;
  --z-danger-bg: #FDEDEC;
  --z-info: #315FB8;
  --z-info-bg: #EDF2FC;
}
[data-theme="dark"] {
  --z-canvas: #101816;
  --z-surface: #18231F;
  --z-raised: #202E28;
  --z-subtle: #131E19;
  --z-hover: #293930;
  --z-text: #EFF5F0;
  --z-text-secondary: #B4C3B9;
  --z-text-muted: #94A89B;
  --z-border: #35483D;
  --z-border-control: #788D80;
  --z-accent: #74C8BD;
  --z-accent-hover: #8BD5CA;
  --z-accent-pressed: #A5E3D9;
  --z-accent-subtle: #173C35;
  --z-on-accent: #0F2E29;
  --z-focus: #74C8BD;
  --z-disabled-bg: #293730;
  --z-disabled-text: #7B8E81;
  --z-success: #8ACFA7;
  --z-success-bg: #173525;
  --z-warning: #E8C47B;
  --z-warning-bg: #382C17;
  --z-danger: #F3AAAA;
  --z-danger-bg: #3E2525;
  --z-info: #A5BFFC;
  --z-info-bg: #202E47;
}
@media (prefers-color-scheme: dark) {
:root:not([data-theme]), [data-theme="system"] {
  --z-canvas: #101816;
  --z-surface: #18231F;
  --z-raised: #202E28;
  --z-subtle: #131E19;
  --z-hover: #293930;
  --z-text: #EFF5F0;
  --z-text-secondary: #B4C3B9;
  --z-text-muted: #94A89B;
  --z-border: #35483D;
  --z-border-control: #788D80;
  --z-accent: #74C8BD;
  --z-accent-hover: #8BD5CA;
  --z-accent-pressed: #A5E3D9;
  --z-accent-subtle: #173C35;
  --z-on-accent: #0F2E29;
  --z-focus: #74C8BD;
  --z-disabled-bg: #293730;
  --z-disabled-text: #7B8E81;
  --z-success: #8ACFA7;
  --z-success-bg: #173525;
  --z-warning: #E8C47B;
  --z-warning-bg: #382C17;
  --z-danger: #F3AAAA;
  --z-danger-bg: #3E2525;
  --z-info: #A5BFFC;
  --z-info-bg: #202E47;
}
}
:root { color-scheme: light; }
[data-theme="dark"] { color-scheme: dark; }
@media (prefers-color-scheme: dark) { :root:not([data-theme]), [data-theme="system"] { color-scheme: dark; } }