/*
 * FLOW THEME: Ocean
 * Cool blues and teals
 */
:root {
  --color-primary: #0f8b8d;
  --color-primary-hover: #0b6e75;
  --color-primary-light: #d8f4f1;
  --color-primary-dark: #0a5058;
  --color-secondary: #4f6d7a;
  --color-secondary-hover: #39505a;
  --color-secondary-light: #edf5f7;
  --color-accent: #14b8c4;
  --color-accent-hover: #0e95a3;
  --color-accent-light: #d9f8fb;
  --color-success: #0ea472;
  --color-success-light: #d7f3e8;
  --color-success-dark: #0b7653;
  --color-warning: #f0a94b;
  --color-warning-light: #fceacc;
  --color-warning-dark: #b87624;
  --color-danger: #e06464;
  --color-danger-light: #f9dddd;
  --color-danger-dark: #b34848;
  --color-info: #0ea5c6;
  --color-info-light: #d7f2f7;
  --color-info-dark: #0a728d;
  --bg-body: #f3fbfc;
  --bg-card: #ffffff;
  --bg-card-hover: #eef8fa;
  --bg-sidebar: #0d2f3a;
  --bg-sidebar-hover: #144452;
  --bg-sidebar-active: #0a242d;
  --bg-header: #ffffff;
  --bg-table-header: #e3f1f4;
  --bg-table-row-alt: #f7fcfd;
  --bg-table-row-hover: #dceef2;
  --bg-overlay: rgba(10, 36, 45, 0.52);
  --text-primary: #11333b;
  --text-secondary: #4d6870;
  --text-muted: #7d949d;
  --text-inverse: #ffffff;
  --text-link: #0f8b8d;
  --text-link-hover: #0b6e75;
  --text-sidebar: #cae8ef;
  --text-sidebar-active: #ffffff;
  --border-color: #c9dee3;
  --border-color-light: #e3f1f4;
  --border-color-dark: #9fc2ca;
  --rack-header-bg: #e3f1f4;
  --rack-grid-line: #d8ebef;
  --rack-occupied-bg: #d8f4f1;
  --rack-occupied-text: #0a5058;
  --rack-available-bg: #ffffff;
  --rack-blocked-bg: #fce3e3;
  --rack-selected-border: #0f8b8d;
}