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

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