[data-theme="theme-ocean"] {
  --color-bg: #08141b;
  --color-surface-1: #0d1f2b;
  --color-surface-2: #122a39;
  --color-surface-3: #19384a;
  --color-border: #28526a;
  --color-text: #e8f6ff;
  --color-text-muted: #95b8cb;
  --color-primary: #49c2ff;
  --color-secondary: #68e0cf;
  --color-success: #39c78d;
  --color-warning: #f3bf5b;
  --color-danger: #f1737d;
  --color-focus-ring: rgba(73, 194, 255, 0.35);

  --accent-cyan: #56d0ff;
  --accent-magenta: #e26ee4;
  --accent-violet: #7c8dff;
  --accent-success: #5cedaf;
  --accent-cyan-rgb: 86, 208, 255;
  --accent-magenta-rgb: 226, 110, 228;
  --accent-violet-rgb: 124, 141, 255;

  --panel-alpha: 0.07;
  --stroke-alpha: 0.11;
  --panel-blur: 11px;
  --grain-opacity: 0.03;
  --shadow-soft: 0 20px 34px rgba(3, 18, 27, 0.42);
  --shadow-glow: 0 0 27px rgba(var(--accent-cyan-rgb), 0.15);

  --btn-primary-bg: linear-gradient(140deg, #4bc6ff, #7b94ff);
  --btn-primary-bg-hover: linear-gradient(140deg, #61d0ff, #8fa4ff);
  --btn-primary-text: #061422;
  --btn-primary-border: rgba(75, 198, 255, 0.56);
  --btn-primary-hover-border: rgba(75, 198, 255, 0.72);
}