/**
 * 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);

  /* Button Tokens */
  --btn-default: #5D4E42;       /* Warm Gray */
  --btn-default-hover: #6F5E4D; /* Lighter Warm Gray */
  --btn-active: #FF8C42;        /* Burnt Orange */
  --btn-active-hover: #E67932;  /* Darker Orange */
  --btn-buy: #2D8A4E;           /* Emerald Green */
  --btn-buy-hover: #246E3E;     /* Darker Emerald */
  --btn-buy-active: #34D058;    /* Bright Green */
  --btn-sell: #C23028;          /* Bright Red */
  --btn-sell-hover: #9A2520;    /* Darker Red */
  --btn-sell-active: #E54040;   /* Vivid Red */
  --btn-warning: #D4691A;       /* Clay Orange */
  --btn-warning-hover: #B85A15; /* Darker Clay */
  --btn-danger: #8B0000;        /* Dark Red */
  --btn-danger-hover: #6B0000;  /* Deeper Red */

  /* P&L State Buttons */
  --btn-profit: #1A8A5A;        /* Teal Green */
  --btn-profit-hover: #14704A;  /* Darker Teal */
  --btn-loss: #B83A3A;          /* Muted Red */
  --btn-loss-hover: #963030;    /* Darker Muted Red */
  --btn-neutral: #5D4E42;       /* Warm Gray */
  --btn-neutral-hover: #6F5E4D; /* Lighter Warm Gray */

  /* Active indicator border */
  --border-active: #FF8C42;     /* Burnt Orange */

  /* 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);
}