/* Generated by tools/scripts/Convert-ThemeToCss.ps1 from src/Benito.WinUI/Themes/Theme.Ocean.xaml. Do not edit by hand. */
[data-theme="ocean"] {
  --primary-color: #0D9488;
  --primary-hover-color: #0F766E;
  --primary-light-color: #CCFBF1;
  --primary-soft-color: #F0FDFA;
  --app-background-color: #F8FBFB;
  --surface-color: #FFFFFF;
  --border-color: #CCFBF1;
  --text-primary-color: #134E4A;
  --text-secondary-color: #5B7B79;
  --text-muted-color: #94A3A1;
  --success-color: #16A34A;
  --success-light-color: #DCFCE7;
  --danger-color: #E5527A;
  --danger-light-color: #FDE8EF;
  --warning-color: #F0C840;
  --warning-light-color: #FEF9E0;
  --accent-orange-color: #F0853A;
  --accent-orange-light-color: #FEF1E6;
  --sidebar-bg-color: #0D9488;
  --primary-brush: var(--primary-color);
  --primary-hover-brush: var(--primary-hover-color);
  --primary-light-brush: var(--primary-light-color);
  --primary-soft-brush: var(--primary-soft-color);
  --app-background-brush: var(--app-background-color);
  --surface-brush: var(--surface-color);
  --border-brush: var(--border-color);
  --text-primary-brush: var(--text-primary-color);
  --text-secondary-brush: var(--text-secondary-color);
  --text-muted-brush: var(--text-muted-color);
  --text-on-primary-brush: white;
  --success-brush: var(--success-color);
  --success-light-brush: var(--success-light-color);
  --danger-brush: var(--danger-color);
  --danger-light-brush: var(--danger-light-color);
  --warning-brush: var(--warning-color);
  --warning-light-brush: var(--warning-light-color);
  --success-dark-color: #166534;
  --success-dark-brush: var(--success-dark-color);
  --warning-dark-color: #B06000;
  --warning-dark-brush: var(--warning-dark-color);
  --danger-dark-color: #C0405A;
  --danger-dark-brush: var(--danger-dark-color);
  --accent-orange-brush: var(--accent-orange-color);
  --sidebar-bg-brush: var(--sidebar-bg-color);
  --on-primary-text-color: #FFFFFFFF;
  --on-primary-text-dim-color: #FFFFFFB3;
  --on-primary-text-muted-color: #FFFFFF99;
  --on-primary-surface-color: #FFFFFF26;
  --on-primary-surface-hover-color: #FFFFFF3D;
  --on-primary-surface-strong-color: #FFFFFF33;
  --on-primary-border-color: #FFFFFF47;
  --on-primary-text-brush: var(--on-primary-text-color);
  --on-primary-text-dim-brush: var(--on-primary-text-dim-color);
  --on-primary-text-muted-brush: var(--on-primary-text-muted-color);
  --on-primary-surface-brush: var(--on-primary-surface-color);
  --on-primary-surface-hover-brush: var(--on-primary-surface-hover-color);
  --on-primary-surface-strong-brush: var(--on-primary-surface-strong-color);
  --on-primary-border-brush: var(--on-primary-border-color);
  --sidebar-active-bg-brush: var(--on-primary-surface-strong-color);
  --sidebar-hover-bg-brush: #FFFFFF1A;
  --sidebar-new-sale-bg-brush: var(--on-primary-surface-color);
  --sidebar-text-brush: var(--on-primary-text-color);
  --sidebar-text-dim-brush: var(--on-primary-text-dim-color);
  --sidebar-logo-bg-brush: var(--on-primary-surface-strong-color);
  --sidebar-logo-suffix-brush: #FFFFFF8B;
  --input-bg-color: #F0FDFA;
  --input-bg-brush: var(--input-bg-color);
  --surface-focus-brush: var(--surface-color);
  --table-header-color: #94A3A1;
  --table-header-brush: var(--table-header-color);
  --tab-inactive-color: #94A3A1;
  --tab-inactive-brush: var(--tab-inactive-color);
  --radius-card: 14px;
  --radius-button: 12px;
  --radius-input: 12px;
  --radius-chip: 20px;
  --radius-sidebar: 11px;
  --radius-small: 8px;
  --radius-auth-card: 30px;
  --radius-auth-tile: 22px;
  --shadow-card-color: #134E4A;
  --shadow-popup-color: #000000;
  --shadow-drawer-color: #000000;
  --shadow-auth-card-color: #000000;
  --auth-gradient-start-color: #7FA8F5;
  --auth-gradient-end-color: #5B8DEF;
  --tile-palette1: #CCFBF1;
  --tile-palette2: #DBEAFE;
  --tile-palette3: #DCFCE7;
  --tile-palette4: #FEF1E6;
  --tile-palette5: #FDE8EF;
  --tile-palette6: #FEF9E0;
  --tile-overlay-brush: white;
  --camera-preview-bg-brush: black;
  --drawer-scrim-brush: #00000066;
  --tile-photo-text-brush: #FFFFFF;
  --tile-photo-text-dim-brush: #FFFFFFBF;
  --font-family-base: Plus Jakarta Sans, Segoe UI;
  --font-family-mono: IBM Plex Mono, Consolas;
  --font-family-icon: Segoe MDL2 Assets;
  --font-display: 34px;
  --font-metric: 26px;
  --font-heading: 22px;
  --font-subheading: 15px;
  --font-text: 13px;
  --font-label: 12px;
  --font-caption: 11px;
  --font-micro: 10px;
  --font-nano: 9px;
  --font-clock: 96px;
  --font-clock-compact: 52px;
  --font-clock-caption: 18px;
  --font-brand: 18px;
}