/*
   UI Library Theme — Desert

   Usage:
   1. Include after ui.css:  <link rel="stylesheet" href="themes/desert.css">
   2. Activate:              <html data-ui-theme="desert">
      or via JS:             document.documentElement.dataset.uiTheme = 'desert'
*/

[data-ui-theme="desert"] {
  --ui-primary: #c2703e;
  --ui-primary-text: #ffffff;
  --ui-secondary: #a0896e;
  --ui-secondary-text: #ffffff;
  --ui-success: #7a9a5a;
  --ui-success-text: #ffffff;
  --ui-danger: #c44536;
  --ui-danger-text: #ffffff;
  --ui-warning: #e8b84b;
  --ui-warning-text: #1a1d26;

  --ui-bg: #faf6f0;
  --ui-bg-subtle: #f2ebe0;
  --ui-surface: #ffffff;
  --ui-border: #d9cdb8;
  --ui-text: #3b2e1a;
  --ui-text-muted: #8a7560;
  --ui-text-inverse: #ffffff;
}

[data-ui-theme="desert"][data-theme="dark"] {
  --ui-primary: #e09860;
  --ui-primary-text: #ffffff;
  --ui-secondary: #bfa882;
  --ui-secondary-text: #1a1d26;
  --ui-success: #9aba7a;
  --ui-success-text: #1a1d26;
  --ui-danger: #e06b5e;
  --ui-danger-text: #ffffff;
  --ui-warning: #f0c86a;
  --ui-warning-text: #1a1d26;

  --ui-bg: #1e1710;
  --ui-bg-subtle: #15100a;
  --ui-surface: #2a2018;
  --ui-border: #453626;
  --ui-text: #e8dfd2;
  --ui-text-muted: #a08e74;
  --ui-text-inverse: #1e1710;
}
