/*
 * Theme: Ocean
 * Cool dark theme — deep navy with teal and aqua accents
 * Author: Tracker Team
 */

[data-theme="ocean"] {
  /* Backgrounds */
  --bg-app: #0a1628;
  --bg-app-secondary: #0f1f35;
  --bg-card: rgba(15, 31, 53, 0.8);
  --bg-card-solid: #122640;
  --bg-card-hover: #1a3050;
  --bg-sidebar: rgba(10, 22, 40, 0.95);
  --bg-input: rgba(12, 26, 45, 0.9);
  --bg-glass: rgba(10, 22, 40, 0.7);

  /* Text */
  --text-primary: #e0f0ff;
  --text-secondary: #8badc4;
  --text-muted: #4a6a80;
  --text-sidebar: #4a6a80;
  --text-sidebar-active: #ffffff;
  --btn-text: #0a1628;

  /* Accents */
  --accent: #00d2ff;
  --accent-rgb: 0, 210, 255;
  --accent-hover: #33dbff;
  --accent-light: rgba(0, 210, 255, 0.1);
  --accent-glow: rgba(0, 210, 255, 0.25);
  --accent-secondary: #0077b6;
  --accent-secondary-rgb: 0, 119, 182;
  --accent-tertiary: #0096c7;

  /* Sidebar */
  --sidebar-accent: linear-gradient(135deg, #00d2ff, #0077b6);
  --sidebar-hover: rgba(0, 210, 255, 0.08);

  /* Semantic */
  --success: #48cae4;
  --success-light: rgba(72, 202, 228, 0.12);
  --danger: #ef476f;
  --danger-light: rgba(239, 71, 111, 0.12);
  --warning: #ffd166;
  --warning-light: rgba(255, 209, 102, 0.12);
  --info: #0096c7;
  --info-light: rgba(0, 150, 199, 0.12);

  /* Borders */
  --border: rgba(255, 255, 255, 0.07);
  --border-hover: rgba(255, 255, 255, 0.14);

  /* Shadows */
  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 10px 40px rgba(0, 0, 0, 0.5);
  --shadow-glow: 0 0 30px rgba(0, 210, 255, 0.12);

  /* Radius */
  --radius: 16px;
  --radius-sm: 10px;
  --radius-xs: 6px;

  /* Fonts — clean, technical, oceanic */
  --font-heading: 'Inter', -apple-system, sans-serif;
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --font-mono: 'Space Mono', 'JetBrains Mono', monospace;

  /* Effects */
  --glass-blur: blur(16px) saturate(140%);
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.3s cubic-bezier(0.4, 0, 0.2, 1);

  color-scheme: dark;
}