/**
 * Desert Theme - Staging Environment
 * Warm, sandy, earthy - clearly different from production
 * Helps users visually identify they're in staging
 */

[data-theme="desert"] {
  /* Background Tokens */
  --bg-base: #2C1810;           /* Dark Brown */
  --bg-surface: #5D4E37;        /* Umber */
  --bg-overlay: #6F5E4D;        /* Light Umber */
  --bg-input: #2C1810;          /* Dark Brown */
  --bg-hover: #8B7355;          /* Tan */
  --bg-elevated: #6F5E4D;

  /* Text Tokens */
  --text-primary: #F5DEB3;      /* Wheat/Sand */
  --text-secondary: #DEB887;    /* BurlyWood */
  --text-tertiary: #C9A772;     /* Muted Sand */
  --text-inverse: #2C1810;      /* Dark Brown for light backgrounds */
  --text-muted: rgba(222, 184, 135, 0.7);

  /* Brand Tokens */
  --brand-primary: #FF8C42;     /* Burnt Orange */
  --brand-secondary: #D4691A;   /* Clay Orange */
  --brand-accent: #DEB887;      /* BurlyWood */
  --brand-hover: #E67932;       /* Darker Orange */

  /* Interactive Tokens */
  --interactive-default: #D4691A;
  --interactive-hover: #DEB887;
  --interactive-active: #FF8C42;
  --interactive-disabled: rgba(222, 184, 135, 0.3);

  /* Border Tokens */
  --border-default: rgba(222, 184, 135, 0.2);
  --border-muted: rgba(222, 184, 135, 0.1);
  --border-focus: #D4691A;
  --border-error: #8B0000;

  /* Status Tokens */
  --status-success: #9ACD32;    /* YellowGreen */
  --status-success-bg: rgba(154, 205, 50, 0.2);
  --status-warning: #FF6347;    /* Tomato */
  --status-warning-bg: rgba(255, 99, 71, 0.2);
  --status-error: #8B0000;      /* Dark Red */
  --status-error-bg: rgba(139, 0, 0, 0.2);
  --status-info: #D4691A;       /* Clay Orange */
  --status-info-bg: rgba(212, 105, 26, 0.2);
  --status-danger: #8B0000;     /* Dark Red */
  --status-danger-bg: rgba(139, 0, 0, 0.2);

  /* Shadow Tokens */
  --shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.3);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.3);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.3);
}