:root {
  --bp-primary-dark: #021B34;
  --bp-primary-aqua: #00ADC9;
  --bp-background-light: #FEFEFE;

  --bp-surface-light: #F4F7FA;
  --bp-surface-elevated-light: #FFFFFF;
  --bp-border-light: #D9E1E8;
  --bp-border-strong-light: #B6C2CF;
  --bp-divider-light: #E7EDF3;
  --bp-text-light: #10263E;
  --bp-text-muted-light: #5B6B7A;
  --bp-text-disabled-light: #9AA8B5;
  --bp-text-inverted-light: #FFFFFF;

  --bp-success: #22C55E;
  --bp-warning: #F59E0B;
  --bp-error: #EF4444;
  --bp-info: #3B82F6;

  --bp-slot-free: #67E8F9;
  --bp-slot-reserved: #FB923C;
  --bp-slot-conflict: #EF4444;
  --bp-slot-maintenance: #8B5CF6;
  --bp-boat-club: #00ADC9;
  --bp-boat-private: #021B34;

  --bp-shadow-soft: 0 2px 8px rgba(2, 27, 52, 0.08);
  --bp-shadow-medium: 0 6px 16px rgba(2, 27, 52, 0.14);
  --bp-shadow-strong: 0 10px 24px rgba(2, 27, 52, 0.22);

  --bp-font-logo: "Microgramma", "Michroma", sans-serif;
  --bp-font-ui: "Inter", sans-serif;

  --bp-gradient-primary: linear-gradient(135deg, #021B34 0%, #0A3358 100%);
  --bp-gradient-aqua: linear-gradient(135deg, #00ADC9 0%, #34D3E8 100%);

  --bp-background: #FEFEFE;
  --bp-surface: #F4F7FA;
  --bp-surface-elevated: #FFFFFF;
  --bp-border: #D9E1E8;
  --bp-border-strong: #B6C2CF;
  --bp-divider: #E7EDF3;
  --bp-text: #10263E;
  --bp-text-muted: #5B6B7A;
  --bp-text-disabled: #9AA8B5;
  --bp-text-inverted: #FFFFFF;
  --bp-primary: #00ADC9;
  --bp-primary-hover: #34D3E8;
  --bp-primary-active: #0091A8;
  --bp-primary-contrast: #021B34;
  --bp-link: #3B82F6;
  --bp-link-hover: #2563EB;
  --bp-table-header: #F4F7FA;
  --bp-table-row-hover: #E6FAFD;
  --bp-table-row-selected: #CCF5FB;
  --bp-calendar-today: #00ADC9;
  --bp-sidebar-background: #021B34;
}

@font-face {
  font-family: "Microgramma";
  src: url("/assets/Fonts/microgrammanormal.ttf") format("truetype");
  font-display: swap;
}

[data-theme="dark"] {
  --bp-background: #021B34;
  --bp-surface: #0D2745;
  --bp-surface-elevated: #133252;
  --bp-border: #1D3A5A;
  --bp-border-strong: #2A4A6A;
  --bp-divider: #244363;
  --bp-text: #F4F8FB;
  --bp-text-muted: #F4F8FB;
  --bp-text-disabled: #D0DCEA;
  --bp-text-inverted: #021B34;
  --bp-primary: #00ADC9;
  --bp-primary-hover: #34D3E8;
  --bp-primary-active: #0091A8;
  --bp-primary-contrast: #021B34;
  --bp-link: #60A5FA;
  --bp-link-hover: #93C5FD;
  --bp-table-header: #0D2745;
  --bp-table-row-hover: #153657;
  --bp-table-row-selected: #0F4C5A;
  --bp-calendar-today: #00ADC9;
  --bp-sidebar-background: #011427;
  --bp-boat-private: #F4F8FB;
  --bp-shadow-soft: 0 2px 8px rgba(0, 0, 0, 0.24);
  --bp-shadow-medium: 0 6px 16px rgba(0, 0, 0, 0.34);
  --bp-shadow-strong: 0 10px 24px rgba(0, 0, 0, 0.48);
}

[data-theme="light"] {
  --bp-background: #FEFEFE;
  --bp-surface: #F4F7FA;
  --bp-surface-elevated: #FFFFFF;
  --bp-border: #D9E1E8;
  --bp-border-strong: #B6C2CF;
  --bp-divider: #E7EDF3;
  --bp-text: #10263E;
  --bp-text-muted: #5B6B7A;
  --bp-text-disabled: #9AA8B5;
  --bp-text-inverted: #FFFFFF;
  --bp-primary: #00ADC9;
  --bp-primary-hover: #34D3E8;
  --bp-primary-active: #0091A8;
  --bp-primary-contrast: #021B34;
  --bp-link: #3B82F6;
  --bp-link-hover: #2563EB;
  --bp-table-header: #F4F7FA;
  --bp-table-row-hover: #E6FAFD;
  --bp-table-row-selected: #CCF5FB;
  --bp-calendar-today: #00ADC9;
  --bp-sidebar-background: #021B34;
  --bp-boat-private: #021B34;
}