:root {
  --coap-navy: #0F2742;
  --coap-blue: #1565C0;
  --coap-light-blue: #2B8BE6;
  --coap-background: #F8FBFD;
  --coap-surface: #FFFFFF;
  --coap-border: #DCEAF3;
  --coap-text: #1E2D3D;
  --coap-text-soft: #5F7285;
  --coap-icon-background: #EAF5FD;
  --success: #21B66F;
  --warning: #F4A524;
  --danger: #E04F5F;
  --shadow-sm: 0 2px 8px rgba(15, 39, 66, 0.06);
  --shadow-md: 0 8px 24px rgba(15, 39, 66, 0.08);
  --shadow-lg: 0 20px 40px rgba(15, 39, 66, 0.12);
  --radius-sm: 12px;
  --radius-md: 24px;
  --radius-lg: 32px;
  --container: 1360px;
  --header-height: 96px;
  --ease: 220ms ease-out;
}