/*---
name = "Ocean"
label = "Ocean"
icon = "fa-water"
group = "nature"
type = "dark"
description = "Deep sea blues and teals"
---*/
[data-theme="ocean"] {
  --bg-primary: #0c1821;
  --bg-secondary: #1b2838;
  --bg-tertiary: #2a3f54;
  --accent-primary: #00b4d8;
  --accent-secondary: #0096c7;
  --accent-tertiary: #48cae4;
  --text-primary: #e0f7fa;
  --text-secondary: #b2ebf2;
  --text-muted: #80deea;
  --border-color: #0077b6;
  --success-color: #00e676;
  --warning-color: #ffd54f;
  --error-color: #ff5252;

  --bg-primary-rgb: 12, 24, 33;
  --bg-secondary-rgb: 27, 40, 56;
  --bg-tertiary-rgb: 42, 63, 84;
  --accent-primary-rgb: 0, 180, 216;
  --accent-secondary-rgb: 0, 150, 199;
  --accent-tertiary-rgb: 72, 202, 228;
  --text-primary-rgb: 224, 247, 250;
  --text-secondary-rgb: 178, 235, 242;
  --text-muted-rgb: 128, 222, 234;
  --border-color-rgb: 0, 119, 182;
  --success-color-rgb: 0, 230, 118;
  --warning-color-rgb: 255, 213, 79;
  --error-color-rgb: 255, 82, 82;

  --card-shadow: 0 4px 20px rgba(0, 119, 182, 0.3);
  --glow-effect: 0 0 15px rgba(0, 180, 216, 0.3);
  --gradient-bg: linear-gradient(135deg, #1b2838 0%, #0c1821 100%);
  --overlay-color: rgba(12, 24, 33, 0.7);
  --backdrop-blur: blur(10px);

  /* Theme-aware colors for shadows and highlights */
  --shadow-color-rgb: 0, 0, 0;
  --highlight-color-rgb: 255, 255, 255;
  --primary-color: var(--accent-primary);
  --card-bg: var(--bg-secondary);
}
