/**
 * Ocean Theme - Development Environment
 * Deep, mysterious, professional vibe
 * This is the current theme, maintaining existing colors
 */

[data-theme="ocean"] {
  /* Background Tokens */
  --bg-base: #001219;           /* Ink Black */
  --bg-surface: #005F73;        /* Dark Teal */
  --bg-overlay: #003847;        /* Lighter Teal */
  --bg-input: #001219;          /* Ink Black */
  --bg-hover: #007A8C;          /* Bright Teal */
  --bg-elevated: #003847;

  /* Text Tokens */
  --text-primary: #E9D8A6;      /* Wheat */
  --text-secondary: #94D2BD;    /* Pearl Aqua */
  --text-tertiary: #7BA5A8;     /* Muted Aqua */
  --text-inverse: #001219;      /* Ink Black for light backgrounds */
  --text-muted: rgba(148, 210, 189, 0.7);

  /* Brand Tokens */
  --brand-primary: #EE9B00;     /* Golden Orange */
  --brand-secondary: #0A9396;   /* Dark Cyan */
  --brand-accent: #94D2BD;      /* Pearl Aqua */
  --brand-hover: #CA6702;       /* Burnt Caramel */

  /* Interactive Tokens */
  --interactive-default: #0A9396;
  --interactive-hover: #94D2BD;
  --interactive-active: #EE9B00;
  --interactive-disabled: rgba(148, 210, 189, 0.3);

  /* Border Tokens */
  --border-default: rgba(148, 210, 189, 0.2);
  --border-muted: rgba(148, 210, 189, 0.1);
  --border-focus: #0A9396;
  --border-error: #AE2012;

  /* Status Tokens */
  --status-success: #94D2BD;
  --status-success-bg: rgba(148, 210, 189, 0.2);
  --status-warning: #BB3E03;
  --status-warning-bg: rgba(187, 62, 3, 0.2);
  --status-error: #AE2012;
  --status-error-bg: rgba(174, 32, 18, 0.2);
  --status-info: #0A9396;
  --status-info-bg: rgba(10, 147, 150, 0.2);
  --status-danger: #9B2226;
  --status-danger-bg: rgba(155, 34, 38, 0.2);

  /* Button Tokens */
  --btn-default: #4A5568;       /* Neutral Gray */
  --btn-default-hover: #5A6577; /* Lighter Gray */
  --btn-active: #EE9B00;        /* Golden Orange */
  --btn-active-hover: #CA6702;  /* Burnt Caramel */
  --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: #BB3E03;       /* Rusty Spice */
  --btn-warning-hover: #9A3302; /* Darker Spice */
  --btn-danger: #9B2226;        /* Brown Red */
  --btn-danger-hover: #7A1B1E;  /* Darker Brown 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: #4A5568;       /* Neutral Gray */
  --btn-neutral-hover: #5A6577; /* Lighter Gray */

  /* Active indicator border */
  --border-active: #EE9B00;     /* Golden Orange */

  /* Shadow Tokens - darker shadows for dark theme */
  --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);
}